:root {
    --border_color: #001;
    --vilagos_hatter:#E4E4E4;
    --sotet_hatter:#2a2a2a;
    --sotet2_hatter:#9a9a9a;
}
.hsz_vil{background:var(--vilagos_hatter) !important}
.hsz_sot{background:var(--sotet_hatter) !important}
@font-face {
    font-family: 'lkw_font_bold';
    src: url('../font/DINPro-Bold.ttf?#iefix') format('embedded-opentype'), url('../font/DINPro-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'lkw_font_medium';
    src: url('../font/DINPro-Medium.ttf?#iefix') format('embedded-opentype'), url('../font/DINPro-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Exo 2';
    src: url('../font/Exo2-Regular.eot');
    src: url('../font/Exo2-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Exo2-Regular.woff2') format('woff2'),
        url('../font/Exo2-Regular.woff') format('woff'),
        url('../font/Exo2-Regular.ttf') format('truetype'),
        url('../font/Exo2-Regular.svg#Exo2-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Exo 2 SemiBold';
    src: url('../font/Exo_2/Exo2-SemiBold.eot');
    src: url('../font/Exo_2/Exo2-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Exo_2/Exo2-SemiBold.woff2') format('woff2'),
        url('../font/Exo_2/Exo2-SemiBold.woff') format('woff'),
        url('../font/Exo_2/Exo2-SemiBold.ttf') format('truetype'),
        url('../font/Exo_2/Exo2-SemiBold.svg#Exo2-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Exo 2 Bold';
    src: url('../font/Exo2-Bold.eot');
    src: url('../font/Exo2-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Exo2-Bold.woff2') format('woff2'),
        url('../font/Exo2-Bold.woff') format('woff'),
        url('../font/Exo2-Bold.ttf') format('truetype'),
        url('../font/Exo2-Bold.svg#Exo2-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Exo 2 Black';
    src: url('../font/Exo_2/Exo2-Black.eot');
    src: url('../font/Exo_2/Exo2-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/Exo_2/Exo2-Black.woff2') format('woff2'),
        url('../font/Exo_2/Exo2-Black.woff') format('woff'),
        url('../font/Exo_2/Exo2-Black.ttf') format('truetype'),
        url('../font/Exo_2/Exo2-Black.svg#Exo2-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html {margin: 0px;    padding: 0px;    height: auto;    width: auto; font-size:13px; font-family: 'Exo 2',sans-serif;}
body {background-color: #fff;   margin: 0px;    color: #000;   }
section.lazymix:not(:nth-child(2)){margin-top:40px;}


a.ajanlat {
    display:inline-block;
    position: relative;
    max-width: 160px;
    margin: 2px !important;
}
a.ajanlat.opa0{opacity:0.4;}
.ajanlat img{vertical-align: middle;width:100%;}
.ajanlat .content {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.4); /* Black background with 0.5 opacity */
    color: #f1f1f1;
    width: 100%;
    padding: 5px 0px;
    font-family: 'Exo 2',sans-serif;
}

.fancybox-content {
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    border-width: 0 !important;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 100%;
    height : 550px;
    max-width  : 100%;
    margin: 0;
    background: transparent !important;
}

video. -webkit-full-page-media {
    border: none;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.oldal{display:flex;flex-direction:row;margin:auto;text-align:center; height: 100vh; overflow:hidden}
.bal_oldal {
    position:relative;
    width:50%;
    min-width:40%;
    margin:auto;
    text-align:center;
    margin-top: 32px;
    overflow-y: scroll;
    height: 100vh;
}
.bal_oldal_fixed{max-width:500px;margin:auto;text-align:center; transition: all .4s;opacity:0}
.jobb_oldal{
    text-align: left;
    overflow-y: scroll;
    height: 100%;
    margin-top: 32px;
}
.bal_oldal::-webkit-scrollbar-track,
.jobb_oldal::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.bal_oldal::-webkit-scrollbar,
.jobb_oldal::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}
.bal_oldal::-webkit-scrollbar-thumb,
.jobb_oldal::-webkit-scrollbar-thumb
{
	background-color: rgba(0,0,0,.6);
	border: 2px solid #555555;
}
.vegas{position:absolute;background: url(../images/bg.png) no-repeat center;
    background-size: contain;
    opacity:1;
    transform:scale(1.5,1.5) translate(0,-15vh);
    animation: vegas_slide 1.9s  forwards;
    animation-delay: .04s;
    width: 100%;
    height: 100% ;    z-index: -1;
}
@keyframes vegas_slide { 100% { transform:scale(1,1) translate(0,-10px); opacity:1; } }


a { text-decoration: none; outline: 0; }
/*vik190823*/a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
a:active:focus { text-decoration: none; color: #000; }
img { border: none; width: 100%; height: auto;object-fit: contain }
/*p { text-align: justify;}*/
h1 { color: tomato; text-transform: uppercase;  display: inline-block; font-size: 30px; }
h5 { margin-top: 5px;}
h4 {
    margin-top: 16px;
    margin-bottom: 0;
    font-family: 'Exo 2 Bold',sans-serif;
}
select {    background: rgba(255, 255, 255, 0.9);    border: none;    padding: .2em 0;    border-bottom: 1px solid #6d695f;    outline: 0;       line-height: 23px;    color: black;}


.fancybox-title-float-wrap .child {
    display: inline-block !important;
    margin-right: 0 !important;
    padding: 2px 20px !important;
    background: transparent !important;
    background: #fff !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
    text-shadow: 0 1px 2px #fff !important;
    color: #000 !important;
    font-weight: bold !important;
    line-height: 18px !important;
    white-space: normal !important;
}

.fancybox-title-float-wrap {
    position: relative !important;
    margin-top: 0 !important;
    bottom: 0 !important;
    right: 0% !important;
    margin-bottom: 0 !important;
    z-index: 8050 !important;
    text-align: center !important;
}
.teloszam {    border-left: 0px !important;    cursor: default !important;    color: #1279bd;}
.idezet {    border-left: 0px !important;    cursor: default !important;    color: #ef808f;    font-weight: 500;}
.blue-box {    width: 50%;    height: 1px;    background: rgba(18, 121, 189, 0.2);    margin: 15px auto;}
.card {        width: 21%;        max-width: 180px;        min-width: 170px;    height: 250px;    box-shadow: 0px 7px 9px -6px rgba(0, 0, 0, 0.35);    -webkit-box-shadow: 0px 7px 9px -6px rgba(0, 0, 0, 0.35);    background: transparent;    cursor: pointer;    transition: .4s;    border-radius: 6px;    display: flex;    flex-direction: column;    overflow: hidden;    display: inline-block;    margin: 1%;    position: relative;}
.social {    color: black;    flex: 1;    width: 100%;    font-weight: bold;    ;    text-align: center;    display: flex;    justify-content: center;    align-items: center;    margin-bottom: 10px;}
.social span{     padding: 4px 0;    border-left: 2px solid #9f9f9f;    padding-left: 10px;        cursor: pointer;        transition: .3s;            letter-spacing: -.02em;}
.social span:hover {}
.face {    width: 30px;    transition: .3s;    cursor: pointer;    border-radius: 4px;    margin-right: 10px;    box-shadow: 0px 1px 3px -2px rgba(0, 0, 0, 0.58);    -webkit-box-shadow: 0px 1px 3px -2px rgba(0, 0, 0, 0.58);        position: relative;  }
.face:hover {    transform: scale3d(1.1, 1.1, 1.1);    -webkit-transform: scale3d(1.1, 1.1, 1.1);}
.church-left {        position: fixed;    z-index: 100;    width: 11%;    max-width: 230px;    height: auto;    bottom: 0;    left: 0;    display:none;}
.church-right {    display: none;    position: fixed;    z-index: 100;    width: 150px;    height: 150px;    bottom: 0;    right: 0;     background: url('../images/c2.png') no-repeat;         background-size: contain;}

..grid234 > div {}
.fomenupontok ul {display:grid;grid-template-columns: repeat(2, 49.5%); grid-gap:3px;align-items: center;justify-content: center;font-size:larger; font-family: 'Exo 2', sans-serif;padding:0;margin:0}
.fomenupontok li {
    color: #fff;
    cursor: pointer;
    background:var(--bazis);
    padding:3px 0px 6px;
    font-family: 'Exo 2 SemiBold',sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fomenupontok li span.w{background: #fff;padding:0 0 0 7px; font-family: 'Exo 2',sans-serif}
.fomenupontok li.aktiv {background: #000;font-family: 'Exo 2', sans-serif}

@keyframes slide1 {    100% { left: 0; }}
img.hl { width:100%;margin: 0 auto;object-fit: none;}
.header-block-in a { opacity: .8;     text-align: right; margin-bottom: 0; margin-top: 5px; font-size: 120%; cursor: pointer; transition: .4s;}
.header-block-in a:hover {       color: #fbae47;}
.ham-menu {    display: none;    width: 30px;    height: 30px;}
hr {      margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    border: 0;
    border-top: none;
    height: 1px;
    width: 80%;
    border-bottom: 1px solid rgba(236, 127, 143, 0.3);}
#vvv {        background: rgb(243,226,199);    background: -moz-linear-gradient(-45deg,rgb(148, 113, 77) 0%,rgb(216, 196, 165) 50%,rgb(208, 179, 135) 51%,rgb(163, 128, 90) 100%);    background: -webkit-linear-gradient(-45deg, rgb(148, 113, 77) 0%,rgb(216, 196, 165) 50%,rgb(208, 179, 135) 51%,rgb(163, 128, 90) 100%);    background: linear-gradient(135deg, rgb(148, 113, 77) 0%,rgb(216, 196, 165) 50%,rgb(208, 179, 135) 51%,rgb(163, 128, 90) 100%);    -webkit-background-clip: text !important;    -webkit-text-fill-color: transparent !important;}
#eee {        background: rgb(243,226,199);    background: -moz-linear-gradient(-45deg,rgb(255, 255, 255) 0%,rgb(183, 183, 183) 50%,rgb(159, 159, 159) 51%,rgb(255, 255, 255) 100%);    background: -webkit-linear-gradient(-45deg, rgb(255, 255, 255) 0%,rgb(183, 183, 183) 50%,rgb(159, 159, 159) 51%,rgb(255, 255, 255) 100%);    background: linear-gradient(135deg, rgb(255, 255, 255) 0%,rgb(183, 183, 183) 50%,rgb(159, 159, 159) 51%,rgb(255, 255, 255) 100%);    -webkit-background-clip: text !important;    -webkit-text-fill-color: transparent !important;}
.card-block {    width: calc(100% - 21px );    padding-top:20px;max-width:800px;margin:0 auto;}
div.cookie_footer  {        position: fixed;    left: 0;    bottom: 0;    width: 100%;    background-color: rgba(18, 121, 189, 0.8);    color: #ffffff;    text-align: center;    font-size: 110%;    padding: 15px;    border-bottom: 1px solid #3a3a3a;    z-index: 9999;    transition: .3s;}
div.cookie_footer p {text-align: center;}
div.cookie_footer a {padding:3px 10px;text-shadow: 0px 1px 2px black; transition: .3s; color: #fbae47; outline: 0; cursor: pointer;}
div.cookie_footer a:hover {color: #fff;}
div.cookie_footer input[type="button"] {margin-bottom: 0;}
.irjon-grid-item  > input:invalid { box-shadow: none;}


.jobb_oldal { width:100% ;}
section.hip_section{position:relative;margin: 0 auto 16px;}

.hipfig{
    position: absolute;
    top: 0;
    padding: 0;
    box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.57);
    -webkit-box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.57);
    cursor: pointer;
    transition: .3s;
    transition-duration: 0.5s;
    overflow: hidden;
}
.evesit{position:fixed;display: flex;  justify-content: center;  align-items: center;width:100%;height:100%;color:#fff;font-size:24px;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - */
.keret{}
.grid234{display: grid;}
.grid234 > div {margin:2px;white-space:nowrap;}
.__grid234 > div > div{margin-left:7px;}
.grid234 > div > div.vastag{font-weight:bold;}
.grid1{grid-template-columns: repeat(1, auto);align-content: start;}
.grid2,  .grid2gumi{grid-template-columns: repeat(2, auto);}
.grid2felsz{grid-template-columns: 3fr 50px;}
.grid2felsz_1fr{grid-template-columns: 3fr 1fr}
.grid2ja{grid-template-columns: repeat(2, auto);}
.grid2kepMegj{grid-template-columns: repeat(2,1fr);}
.grid3, .grid3kar, .grid3felsz, .grid3felsz6 {grid-template-columns: repeat(3, 1fr);}
.grid2kar{grid-template-columns: 1fr 1fr;}
.grid2karc{grid-template-columns: 4fr 1fr;}
.grid2karA{grid-template-columns: 4fr 1fr;}
.grid4{grid-template-columns: repeat(2, auto 1fr);}
.grid6{grid-template-columns: repeat(3, auto 1fr);}
.grid8{grid-template-columns: repeat(2, auto  2fr 1fr 90px);}
.grid10{grid-template-columns:repeat(2, auto  2fr 1fr 90px 40px);}
.gumik_vizsgalata .grid10{grid-template-columns:repeat(2, 85px  auto auto 80px 40px)}
.gumik_vizsgalata .grid12{grid-template-columns:repeat(1, 160px  auto auto 0 90px 35px)}
.grid8ja{grid-template-columns: repeat(2, auto  2fr 1fr 90px);}

.betol2div > div:nth-child(2n){padding-left:4px;border-bottom:solid 1px #000}
.szinreteg0{color:#fff;background:var(--sotet_hatter)}
.szinreteg1{color:#000;background:#0f0}
.szinreteg2{color:#000;background:#ff0}
.szinreteg3{color:#000;background:#f00}
.szinreteg20{color:#fff;background:var(--sotet_hatter)}
.szinreteg21{color:#000;background:#ff0}
.szinreteg22{color:#000;background:#f00}
.szinreteg23{color:#000;background:#0f0}
.grid234.grid4 > div:nth-child(2n+0) {text-align:left;font-weight:bold;border-bottom:solid 1px #000}
.grid234.grid6 > div:nth-child(2n+0) {text-align:left;font-weight:bold;border-bottom:solid 1px #000}
.grid234.grid8 > div:nth-child(2n+0) {text-align:left;font-weight:bold;border-bottom:solid 1px #000}
.grid234.grid10 >div:nth-child(2n+0) {text-align:left;font-weight:bold;border-bottom:solid 1px #000}

.grid234.grid8{grid-template-columns: repeat(4, auto 1fr);}
.grid234.grid10{grid-template-columns: repeat(5, auto 1fr);}
.
.grid234.grid8ja > div:nth-child(2n+0) {text-align:left;font-weight:bold;border-bottom:solid 1px #000}
.grid234.table1, .szelvedo3 {
    background: #000;
    grid-gap: 1px;
    border: 1px solid #000;
}
.grid234.table1 > div {
    /*border:solid 1px var(--border_color);*/
    background: #fff;
    padding:0 6px;
    margin:0;
    line-height: 25px;
    font-family: 'Exo 2 Bold',sans-serif;
}
.grid234.table1 > div.szinez {background:var(--vilagos_hatter);position:relative}
.grid234 .colspan2 {grid-column-start:2;grid-column-end:4;background:#fff;padding:0;margin:0;}
.grid234 .colspan1 {grid-column-start:1;grid-column-end:3;background:#fff;padding:0;margin:0;}
.grid234.table2 > div {
    margin:0px;
    font-family: 'Exo 2 Bold',sans-serif;
}
.grid234.table3 > div {
    border:solid 1px var(--border_color);
    border-top: 0;
    padding:0 6px;
    margin:0;
    line-height: 25px;
    display: flex;
    align-items: center;
}
.grid234.table3 > div.szinez {background:#3A3A3A;position:relative}
.grid234.table3 > div:nth-child(2n+1) {
    background:#fafafa;
    display: flex;
    align-items: center;
}
.grid234.table3 > div:nth-child(2n+0) {
    text-align:center;
    justify-content: center;
}

.grid234.table3mod > div {
    border:solid 1px var(--border_color);
    border-left: unset;
    border-top: unset;
    padding:0 6px;
    margin:0;
    line-height: 25px;
    font-family: 'Exo 2 Bold',sans-serif !important;
}
.grid234.table3mod > div:first-child, .grid234.table3mod > div:nth-child(3n + 1) {
    border-left: 1px solid #000;
}
.grid234.table3mod > div:first-child,.grid234.table3mod > div:nth-child(2),
.grid234.table3mod > div:nth-child(3) {
    border-top: 1px solid #000;
}
.grid234.table4  {
    border:solid 1px #2a2a2a;
    border-bottom: unset;
    padding:0;margin:0;
    vertical-align: center;
}
.grid234.table4 >div {
    white-space: break-spaces;
    line-height: 24px;
    display: flex;
    align-items: center;
}
.grid234.table4 > div:nth-child(2n+1) {
    padding:0 7px;
    font-family: 'Exo 2 Bold',sans-serif;
}
.grid234.table4 > div:nth-child(2n+0) {
    text-align:center;
    padding:0 6px;
    margin:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #2a2a2a;
}
.grid234.table4 > div.szinez{border-bottom: solid 1px #2a2a2a;padding:0 6px;margin:0px;position:relative}
.grid234.table4 > div.szine1{background:var(--sotet_hatter);padding:0 6px;margin:0px;position:relative;color:#fff}
.grid234.table4 > div.szine2{background:var(--sotet2_hatter);padding:0 6px;margin:0px;position:relative;color:#fff}




.grid_fejleccel{
    border:solid 1px var(--border_color);
    padding:0 6px;
    margin:0 ;
    display: flex;
    align-items: center;
    line-height: 24px;
    font-family: 'Exo 2 Bold',sans-serif !important;
}
.gridgap{grid-gap:20px;}


.gumik_vizsgalata {border:solid 1px var(--border_color)	}
.gumik_vizsgalata .alahuz {
    text-align:left;font-weight:bold;border-bottom:solid 1px #000;padding-left:6px;
    font-family: 'Exo 2 Bold',sans-serif !important;
}
.umik_vizsgalata .grid3{grid-template-columns:  2fr 3fr 80px;}
.umik_vizsgalata .grid2{grid-template-columns:  2fr 4fr}
.gumik_vizsgalata .profilmelyseg{display:inline-block;border:solid 1px #000;text-align:center}
.gumik_vizsgalata .grid234 > div{
   font-family: 'Exo 2 SemiBold',sans-serif;
}
.gumik_vizsgalata .hsz{background:var(--sotet_hatter);margin:0 0 2px 0;padding:4px;border-bottom:0 !important;text-align:center !important;color:#fff}
.gumi_hibak .hsz{background:var(--sotet_hatter);margin:0px;padding:4px;border-bottom:1px solid #000;color:#fff}
._gumik_vizsgalata .baloldalgrap {margin-right:1vw}
.gumi_hibak{ box-sizing: border-box;background:#000;grid-gap:1px; }
.gumi_hibak{grid-template-columns: repeat(4, 1fr); border: solid 1px var(--border_color);text-align:center}
.felszereltseg_pdf{display:grid;grid-template-columns: repeat(3, 1fr); grid-gap:10px;}

.gumi_hibak > div {box-shadow:0 0 0 0px #f00;background:#fff;margin:0}
.gumi_hibak span{font-family: 'Exo 2',sans-serif}
.gumi_hibak hr {margin: 4px 0;border: 0;height: 1px;width: 100%;border-bottom: 1px solid var(--border_color);}
.gumi_hibak .kep{padding:5px;margin:0}


.grid4img{grid-template-columns: repeat(4, 1fr);grid-gap:10px;margin:10px;}
.grid4_img{width:100%;}
.egyszeres_valasztas{margin:0 4px;color:#000}

/***************/
.poly_in{width:80%}
.piros{background:#f00}
.pie-chart {
    height: 250px;width:320px;/*vik200615*/
    background-color: #fff;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    transform-origin:top;
}
.pie-chart img, .c {position: absolute;}
#Image-Map {opacity: 0;}
#pie-chart-overlay {
    position: absolute;
    top: -85px;
    margin: 0 auto;
    pointer-events: none;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
table, th, td {
    border:1px solid #aaa;
    border-collapse: collapse;
    padding:0 10px;
}
.pkw_info{
    border: solid 1px #aaa;padding:0 6px;
    text-shadow: 0px 1px 1px #000;border-radius: 16px;box-shadow: 1px 3px 5px -2px rgba(0, 0, 0, 0.4);
}
.fenyzes_reteg_img{max-width:322px;max-height:200px; }
.kar_hiba_kep{max-height:200px; height:200px; object-fit: contain;position:absolute;background:#fff; transition: .1s; width:98%;white-space:normal;}
#kar_hiba_kep0,#kar_hiba_kep1{ opacity:0 }
#kar_hiba_kep0.aktiv, #kar_hiba_kep1.aktiv{opacity:1}
.flex-reverse {  display:flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.flex {  display:flex;}

.grid234U{display: grid;grid-template-columns: repeat(2, 1fr);align-items: start;}

.utaster {
    text-align:center;
    //background:var(--vilagos_hatter);
    color:#fff;
    display: flex;
    flex-direction: column;
    border-inline: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    break-inside: avoid;
}
.utaster > div:nth-child(1){background:var(--sotet_hatter);padding:4px 0;text-transform: uppercase;color:#fff;
font-family: 'Exo 2 Bold',sans-serif;}
.utaster > div.felszereltsegHatter1:nth-child(1){var(--vilagos_hatter);color:#fff}
.utaster > div:nth-child(2){
    font-family: 'Exo 2 SemiBold',sans-serif;
    padding:3px 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
}
.utaster.sziget{margin:20px 0;}
.border{border:solid 1px var(--border_color) ;background:var(--vilagos_hatter)}


h3{
    margin: 0 0 12px;
    font-size:22px;
    text-align:left;
    text-transform: uppercase;
    position:relative;
    padding-left: 20px;
    font-family: 'Exo 2 Black',sans-serif;
}
.keret h3 {
    margin:0;
}
.keret > div {
    margin: 8px 0 12px;
}
h3:before {
    content: '';
    position: absolute;
    top:0;
    left:0;
    width:10px;
    height:100%;
    background-color: var(--bazis);
}
h3 > span:first-child{background:var(--bazis);margin-right:5px;width:7px;padding:0 5px;}/*vik200520*/
h3 .zarojel{text-transform: none;font-family: 'Exo 2' sans-serif;}/*vik200520*/

.megjegyzes{font-family: 'Exo 2', sans-serif;background:var(--vilagos_hatter);margin-top:8px !important;font-weight:bold; }
.megjegyzes > div:nth-child(1){margin:0;font-size:18px;line-height:23px;}
.megjegyzes > div:nth-child(2){padding:4px;min-height:70px}
.megjegyzes span.fospan{background: #fff url(../images/megjegyzes.png) no-repeat right; padding:0 40px 0 7px;}
.megjegyzes .txt{white-space:normal}


.hatter{background:var(--vilagos_hatter);padding:0;border:solid 1px var(--border_color);}
.hatter > div{margin:5px}



.menuNevFenn{    position:fixed;width: 100%;z-index:100;line-height:32px;font-size:larger;height:32px;background:var(--bazis);text-align:right}
._menuNevFenn div{position:absolute;width:100vw;text-align:center;color:#fff;font-weight:bold;transition: .3s;background:var(--bazis);}
.menuNevFenn div.opa0{opacity:0}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.tooltip {text-decoration:none;position:relative;cursor:pointer;}
.tooltip span {
    display:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.tooltip span  {float:left;margin:0;}
.tooltip:hover span {
    display:block;
    position:absolute;
    top:0;
    right:0;
    z-index:1000;
    width:140px;
    border:1px solid black;
    margin-top:12px;
    overflow:hidden;
    padding:0px;
}

.csatolmanyok{border:solid 1px var(--border_color);margin-top:30px;padding-bottom:10px;line-height:28px;}
.csatolmanyok .fejlec{text-align:center;background:var(--vilagos_hatter)}
.csatolmanyok .lista{display:grid; grid-template-columns: 1fr 1fr;grid-gap:20px;margin:10px 20px;}

.szemlezte{margin-top:30px;padding-bottom:10px;line-height:28px;text-align:center;}
.szemlezte .fejlec{background:var(--vilagos_hatter);margin-bottom:20px;}
.szemlezte .lista{display:grid; grid-template-columns: 1fr 1fr;grid-gap:20px;margin:10px 20px;line-height:18px;}
.szemlezte .lista > div {align-self: center}
.szemlezte img{width:50%;}
.szemlezte img.alairas{border-bottom:solid 2px}

.fullfejlec{display:grid; grid-template-columns: 1fr 1fr;}
.fullfejlec div{white-space:nowrap;text-align:right;align-self: center}

.felszereltsegHatter0{background:#fff;padding:100px;}
.felszereltsegHatter1{background:var(--sotet_hatter);color:#fff;padding:10px;}
.vigyazat{background:#f00;margin:16px 0 0;padding:7px;color:#fff}


#element_to_pop_up { display:none; }

.kijelentkezes {
    position: relative;
    transition: .4s;
    border: none;
    cursor: pointer;
    padding: 5px;
    background:#000;
}
.kijelentkezes span {
    border-radius: 1px;
    transition: .5s;
    text-shadow: 1px 2px 2px #000;
    font-size: larger;
    padding: 5px 13px;
    color: #fff;
}
.kijelentkezes span.sp1 {
    padding:5px 13px;
    position:absolute;left:4px;top:0;
    background: linear-gradient(-45deg, rgb(0, 3, 23) 0%,rgb(2, 5, 4) 100%);
}

.kijelentkezes span {
    background: linear-gradient(-45deg, rgb(10, 10, 33) 0%,rgb(12,15, 14) 100%);

}
.kijelentkezes:hover  {transform: scale(.96);}
.kijelentkezes :hover{opacity:0;}

.fancybox{cursor:pointer}

.camera{width:32px;cursor:pointer}
.cameraK{width:24px;cursor:pointer;float:::right;}/*vik200611*/
.cameraK.invert{filter:invert(100%) brightness(130%);}
.specialistad{ font-size:24px;margin:10px 0; font-family: 'Exo 2',sans-serif}
.opac0{opacity:0;transition: .4s;}
.hatter700{display:none}
.hatter_emelo{display:flex;flex-direction:row;flex-wrap: wrap;justify-content:  space-between }
.hatter_emelo > div{display:flex;margin:5px;}
.hatter_emelo > div > div:nth-child(2n+0) {text-align:left;font-weight:bold;border-bottom:solid 1px #000;padding-right:10px}

#hamburger{display:none}
.fl3cam{position:absolute;right:5px}
.fl3camF{position:absolute;right:5px;display:block;float:right}
.fl3cam2{position:absolute;right:5px;top:-2px;}
.fl3cam3{
    position:absolute;
    right:5px;
    margin: auto;
    display: flex;
    inset-block: 0;
}
.fl3camI{position:absolute;right:5px;filter:invert(100%) brightness(130%);}
.fl3camNone{display:none}

.fomen3icon3 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 17px !important;
    /*line-height:24px !important;*/
    position: relative;
}
#jump_gumikfelnikvizsgálata table th, #jump_gumikfelnikvizsgálata table td{
    line-height: 24px;
    font-family: 'Exo 2 Bold',sans-serif;
    text-align: center;
}
#jump_gumikfelnikvizsgálata table th {
    color: #fff;
    background: rgba(0,0,0,.8);
}
#jump_gumikfelnikvizsgálata table{
    table-layout: fixed;
}
#jump_gumihibak .gallerynull img {
    border: 1px solid #000;
}
.imgnumber {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 12px;
    display: flex;
    height: 12px;
    align-items: center;
    font-family: 'Exo 2 SemiBold',sans-serif;
}
.imgnumber span {
    display: flex;
    padding: 0 8px;
    height: 12px;
    align-items: center;
}
.icons {
    position: absolute;
    inset-block: 0;
    margin: auto;
    right: 2px;
    display: flex;
    align-items: center;
}
/*.fomen3icon .fomen3icon3.szinez {
    margin-bottom: 5px;
}*/

@media only screen and (max-width: 1300px) and  (min-width: 1100px) {/*--------------------------------------------------------------------------------*/
    .gumik_vizsgalata .grid12{grid-template-columns:  auto auto auto 0 90px auto;}
    .grid3felsz6 {grid-template-columns: repeat(2, 1fr);}
    .gumikKam{margin-right:35px !important}

}
@media only screen and (max-width: 1100px) {/*--------------------------------------------------------------------------------*/
    .oldal{flex-direction:column;margin:0 10px 10px 10px;height: 100%; overflow: unset}
    .card-block { padding-top: 0px; width: calc(100% - 1px );    margin:0 auto  0 auto;}
    .bal_oldal { margin-top:50px;width:100%;}
    .bal_oldal_fixed{position:relative;max-width:max-content;margin-left:unset !important;}
    #hamburger{display:block}
    .gumik_vizsgalata .mos{display:inline}
    .bal_oldal, .jobb_oldal {
        height: 100%;
        overflow: unset;
    }

}
@media only screen and (max-width: 700px) {/*--------------------------------------------------------------------------------*/
    .grid234U{display: grid;grid-template-columns: 1fr;}
    .hatter{display:none}
    .grid3felsz{grid-template-columns:1fr;}
    .grid2felsz{grid-template-columns: auto 80px}
    .grid3felsz.gridgap{grid-gap:5px;}
    .gumik_vizsgalata .grid8{grid-template-columns:  auto 2fr 1fr auto ;}
    .gumik_vizsgalata .grid10{grid-template-columns:  auto 1fr 1fr auto auto;}
    .gumik_vizsgalata .grid12{grid-template-columns:  auto auto auto 0 90px auto;}
    .gumik_vizsgalata .grid8ja{grid-template-columns:  auto 2fr 1fr auto ;}
    .gumik_vizsgalata .mos{display:none}
    .gumi_hibak{grid-template-columns: repeat(2, 1fr); border: solid 1px var(--border_color);text-align:center}
    .fl3cam2{position:initial;margin-left:5px;}
    .fl3cam{position:initial;right:5px;}
    .felszereltsegHatter0{font-weight:bold}
    .felszereltsegHatter1{font-weight:bold}
    .hatter700{display:flex;flex-direction:row;flex-wrap: wrap;justify-content:  space-between }
    .hatter700{background:var(--vilagos_hatter);padding:0;border:solid 1px var(--border_color);}
    .hatter700 > div{display:flex;margin:5px;}
    .hatter700 > div > div:nth-child(2n+0) {
        text-align:left;
        font-weight:bold;
        border-bottom:solid 1px #000;
        padding-right:40px;
    }

}
@media only screen and (max-width: 574px) {
    .grid2felsz{grid-template-columns: auto 70px}
    .grid_column{ grid-template-columns: repeat(1, auto);grid-gap:0}
    .grid3kar, .grid2gumi {grid-template-columns:1fr;}
    .grid2kar{grid-template-columns: auto ;}
    .grid234 .colspan1 {grid-column-start:1;grid-column-end:2;}
    .grid4img{grid-template-columns: repeat(2, 1fr);}
    .grid2kepMegj{grid-template-columns: repeat(1,1fr);}
    .media574H{display:none}
    .fomenupontok ul {grid-template-columns: repeat(2, minmax(40% , 49.5%)) }
    .fomenupont ul {grid-template-columns: repeat(2, minmax(40% , 200px)) }
    .felszereltseg_pdf{display:grid;grid-template-columns: repeat(1, 1fr);}
    .gumi400px{display:none}
    .gumik_vizsgalata .grid12{grid-template-columns:  auto 1fr 1fr }

}

.szelvedo3 {display:grid;grid-template-columns: 1fr 2fr 60px;box-sizing: border-box;border:solid 1px;margin-bottom:10px;  place-self: center;justify-items: stretch;}
.szelvedo3 > div:nth-child(3n+1){
    background: var(--vilagos_hatter);
    display: flex;
    align-items: center;
    /*border: solid 1px #2a2a2a;*/
    font-family: 'Exo 2 Bold',sans-serif;
}
.szelvedo3 > div:nth-child(3n+2){
    background: #fff;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    /*border: solid 1px #2a2a2a;*/
}
.szelvedo3 > div:nth-child(3n+3){
    background: var(--vilagos_hatter);
    padding:auto;
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: solid 1px #2a2a2a;*/
}
.szelvedo3 > div:nth-child(3n+3) span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.szelvedo3 > div{padding:4px 6px;}

.fomen3icon{
    width:100%;
    margin:3px 2px;
    font-size:18px;
    cursor:pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fomen3icon span{margin:auto; font-family: 'Exo 2 SemiBold',sans-serif;pointer-events: none;}
.fomen3icon2{color:#fff;padding-top:86px;padding-bottom:10px;position:relative;}
.fomen3icon3{
    color:#fff;
    padding-top:17px;
    /*padding-bottom:9px;*/
    background: var(--bazis);
    height: 41px;
}



.area0,.area1{cursor:pointer}
.gumialvazTxb, .gumialvazTxj{ border:solid 0;background-color:transparent}
.gumialvazImg{max-width:640px;margin:auto;}

.szinmagyarazo{margin:2px 0 2px 10px;isplay:table;}
.szinmagyarazo .zold{background:#0f0;}
.szinmagyarazo .piros{background:#f00;}
.szinmagyarazo .sarga{background:#ff0;}
.kez_keteves{cursor:pointer}
.galleryDropdown > div:first-child{
    background-color: #2a2a2a;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    position: relative;
    cursor: pointer;
    font-size: 17px;
}
.galleryDropdown > div:first-child:before {
    content:'';
    position:absolute;
    right: 10px;
    top:0;
    bottom:0;
    margin:auto;
    background-image: url('../images/up.svg');
    background-size: cover;
    width: 15px;
    height: 15px;
    filter:invert(1);
    transform:scale(-1);
}
.galleryDropdown.active > div:first-child:before {
    transform:scale(1);
}
.contGal {
    height: 100px;
    overflow: hidden;
    position: relative;
    gap: 8px;
}
.contGal::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.galleryDropdown.active .contGal, .GALERIA_BLOKK .contGal, #jump_okmanyok .contGal,
#jump_serulesek .contGal, #jump_karosszeriaelemek .contGal{
    height: unset;
}
.galleryDropdown.active .contGal::before, .GALERIA_BLOKK .contGal::before, #jump_okmanyok .contGal::before,
#jump_serulesek .contGal::before, #jump_karosszeriaelemek .contGal::before{
    display: none;
}
.semiBold {
    font-family: 'Exo 2 SemiBold',sans-serif;
}
.vehicleTableBox {
    background: var(--vilagos_hatter);
    border: solid 1px var(--border_color);
    padding: 16px;
    margin-top: 16px;
}
.vehicleTable{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.tableRow {
    display: table-row;
    line-height: 25px
}
.tableCell {
    display: table-cell;
    white-space: nowrap;
    margin-bottom:10px;
    padding-right: 10px;

    @media screen and (max-width: 991px) {
        margin-bottom:10px !important;
    }
}
.vehicleTable > div:nth-child(3) .tableCell {
    padding-right: 0;
}
.tableCell  > div:nth-child(2) {
    font-family: 'Exo 2 Bold',sans-serif;
}
.tableCaption {
    display: table-caption;
    caption-side: bottom;
    line-height: 25px;
}
.tableCaption >div, .font-eb {
    font-family: 'Exo 2 Bold',sans-serif !important;
}
.columns2 {
    display: inline-grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 8px;
    width:100%;
}
#jump_gumikfelnikvizsgálata .columns2 {
    column-gap: 0px;
}
#jump_gumikfelnikvizsgálata .gumik_vizsgalata .grid12 {
    grid-template-columns: repeat(1, 90px auto auto 0 90px 35px);

    > div {
        line-height:24px;
        font-family: 'Exo 2 Regular',sans-serif;
    }
    @media only screen and (max-width: 574px) {
        grid-template-columns: auto 1fr 1fr;
    }
}
#jump_felszereltseg .relative > div {
    position:absolute;
    bottom: 0;
    right:0;
    padding: 5px;
    background-color: rgba(0,0,0,.8);

    img {
        transform: scaleX(-1);
        filter: invert(1);
        width:25px;
        height:25px;
    }
}
#jump_gumikfelnikvizsgálata .gumik_vizsgalata {
    border: none;
}
.relative {
    position:relative;
}
.statements {
    position:absolute;
    bottom: 12px;
    right: 4px;
    background: rgba(255,255,255,.8);
    padding: 10px 30px;
    border-top-left-radius: 20px;

    ul {
        padding: 0px;
        margin: 0;
        li {
            font-size: 10px;
            margin-bottom: 5px;
            font-family: 'Exo 2 SemiBold',sans-serif;

            &:last-child {
                margin-bottom: 0;
            }
            span {
                font-size: 12px;
                font-weight: bold;
            }
        }
    }
}
.columns4 {
    columns: 4;
}
.gap4 {
    gap: 4px;
}
.rugFek > div {
    background: #fff;
    text-align: center;
    line-height: 24px;
    font-family: 'Exo 2 Bold',sans-serif;
}
.szinmagyarazoBox {
    margin: 8px 0 40px !important;
}
.unset_wsp {
    white-space: unset !important;
}
.columns3 {
    columns: 3;
}
.flex {
    display: flex;
}
.flex-col {
    flex-direction: column;
}
.text-center {
    text-align: center;
}
.align-end {
    align-items: end;
}
.w30 {
    width: 30%;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.black {
    color: #000;
}
.w-100 {
    width:100%;
}
@media (min-width:1100px) and (max-width:1300px){
    .bal_oldal_fixed {
        max-width: 90%;
    }
    .jobb_oldal {
        width: 55%;
    }
    .vehicleTableBox {
        overflow-x: scroll;
    }
    .grid234.table3mod > div:nth-child(3) {
            border-top: unset;
    }
    .grid234.table3mod > div:nth-child(3n + 1) {
        border-left: unset;
    }
    .grid234.table3mod > div:first-child, .grid234.table3mod > div:nth-child(2n + 1) {
        border-left: 1px solid #000;
    }
    .vehicleTable > div:nth-child(3) .tableCell {
        padding-right: 16px;
    }
}
@media screen and (max-width:991px){
    .grid6 {
        grid-template-columns: repeat(1, auto 1fr);
    }
    .fl3cam2 {
            position: absolute !important;
        }
    h3, #jump_jarmuadatok .keret * {
        font-size: 16px !important;
    }
    h3 {
        margin: 8px 0;
    }
    #jump_jarmuadatok .grid3 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .vehicleTable {
        flex-direction: column;
    }
    .tableCell {
        display: flex;
    }
    .tableCaption > div {
        white-space: break-spaces;
    }
    .grid234.table3mod > div {
        border-left: 1px solid #000;
    }
    .columns2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .fomenupontok ul {
        font-size: 12px;
    }
    .fomenupontok li {
        padding: 4px 0 5px;
        line-height: 30px;
    }
    .grid234.table3mod > div:nth-child(2), .grid234.table3mod > div:nth-child(3) {
        border-top: unset;
    }
    .grid3felsz6 {
        grid-template-columns: repeat(1, 1fr);
    }
    .fomen3icon span {
        font-size: 14px;
    }
    #jump_letoltes > div {
        flex-direction: column;

        a {
            width:100%;
            margin-bottom: 30px;
        }
    }
}
.dialog {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.dialog-content {
    position: relative;
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 8px;
}

.close {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    font-family: none;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}