:root {
    --blue: #123f5e;
    --darkblue: #0d263a;
    --grey: #bfbfbf;
    --vgrey: #f0efeb;
    --vvgrey: #f7f7f5;
    --orange: #fe4d09;
    --brown: #807056;
    --lightbrown: #cfbc9e;
    --greeybrown: #cbc5b7;
    --greeyblue: #394b59;
	--lightgreyblue: #29b0cd;
	--navy: #2d384c
}
body {
  /*font-family: "Roboto";*/
	font: 20px/27px "Roboto";
	max-width: 100%;
}

.leiras {text-align:justify;font-size: 16px}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
	list-style: none;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
a {text-decoration: none;color: var(--greeyblue);}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  width: 100%;
  /*padding-right: 15px;
  padding-left: 15px;*/
	margin: 0px;
	padding: 0px;
  margin-right: auto;
  margin-left: auto;
	max-width: 1280px;
	min-width: 1000px;
}
aside {
	max-width: 100%;overflow: hidden;margin-top: 10px;margin-bottom: 20px;
}
aside .szelesseg {
	max-width: calc(100% - 15px);
}
h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}
.hidden {display: none}
.center {text-align: center}
.banner {text-align: center;padding: 0px 10px 10px 10px}
.form-text{
	position:relative;
}
.form-text input {
	/*padding:5px 40px 5px 20px;*/
	margin: 0px;
	width: 100%;
	display: block
}
.static-value{
	position:absolute;
	right:10px;
	font-weight:bold;
	font-size:0.8em;
	color:#444;
	top:4px;
}
.text_egysor tr td {white-space: nowrap}
#kereso {position: relative}
#talalat {position: absolute;bottom: -10px;left: 10%;width: 80%;z-index: 100;}
#talalat_ul {background-color: white;color: black}
#rkeres_urlap {
	background-color: var(--grey);
}
#rkeres_urlap table:first-child {
	width: 100%;
}
#rkeres_urlap table tr td {
	padding: 10px;
	width: 33%;
	vertical-align: top
}
#rkeres_urlap ul, #rkeres_urlap div {
	background-color: white;
	padding: 5px;
}
#rkeres_urlap ul li {
	padding: 5px
}
#rkeres_urlap ul li input {
	margin-right: 10px
}
/*.reszletes_kereso {
	position: relative;
}*/
.reszletes_kereso {
	font-size: 13px;
	text-align: right;
	color: white;
	font-weight: normal;
	cursor: pointer;
	padding-right: 20%;
	max-width: 1200px;
	margin: auto;
}
.keret {
    /*border: 1px solid var(--blue);*/
	margin-top: 20px;
	margin-bottom: 20px;
    padding-left: 10px;
}
.keret .fejlec {
    background-color: var(--blue);
    color: white;
    text-align: center;
    vertical-align: middle;
    margin: auto;
	font-size: 1.2vw;
}
.keret .fejlec p {
	margin: auto;
	padding: 10px;
}

.keret1 {
    /*border: 1px solid var(--blue);*/
	/*background-color: var(--vvgrey);*/
    padding-left: 10px
}
.keret1 .fejlec {
    background-color: var(--blue);
    color: white;
    text-align: center;
    vertical-align: middle;
    margin: auto;
	font-size: 1.2vw;
}
.keret1 .fejlec p {
	margin: auto;
	padding: 10px;
}
.kuldes {background-color: var(--orange);color: white;padding: 10px;text-align: center;cursor: pointer}
.fejlec_1 {
    
}
.keret .fejlec_2 {
    text-align: center;padding-top: 5px
}
.keret hr {
	color: var(--blue); width: 90%;margin: 20px auto;border-color: var(--blue);
}
.keret1 ul {list-style: none}
.keret1 ul li p {margin-bottom: 0px;font-size: 15px}
.keret1 ul li input[type=text] {width: 70%;padding: 5px;border: 1px solid var(--brown);}
.keret1 ul li textarea {width: 70%;height: 100px; padding: 5px;border: 1px solid var(--brown);}
.keret1 ul li label {padding: 5px;margin-top: 10px;font-size: 12px}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.menu {
    font-size: 12px;
    white-space: nowrap;
}
.t1, .t2, .t3, .t5  {
    display: inline-block;
	vertical-align: top;
}
.t1 {
	text-align: center;
}
.t1 img {
    width: 90%;
	margin: auto;
}
.t2 {
    width: 70%;
}
.t5 {
    width: 80%;
}
.t3 {
    width: 29.5%;
}
.t1 {
    width: 19.5%;
}
.carousel {
  position: relative;
}
div.ar_kijelzes {
    border: 1px solid var(--lightbrown);padding: 10px 30px;margin-top: 10px;
}
div.ar_kijelzes span {
    float: right;
}
.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
#felso_banner {width: 100%;}
#felso_banner img {width: 50%;border: none}
h1 {padding: 0px; margin: 0px;font-size: 22px;font-weight: normal;}
.fejlec_barna {background-color: var(--greeybrown);border: 1px solid var(--greeybrown);padding: 6px 11px;color: white}
.fejlec_skek {background-color: var(--blue);border: 1px solid var(--blue);padding: 6px;color: white;text-align: center}
.fejlec_megoszt {background-color: var(--blue);padding: 10px;color: white;text-align: center;margin-bottom: 10px;}
.fejlec_megoszt div {width: 49.7%;text-align: center;display: inline-block;font-size: 18px;cursor: pointer}

.fejlec_megoszt div:first-child {border-right: 1px solid white;}
div.fejlec_megoszt div div.fb-share-button {border: none}
.fejlec_megoszt div div a {border: none;color: white}
.szurke_hatter {background-color: var(--vvgrey);padding: 6px;color: var(--blue);margin-top: 0px}
.szurke_hatter h6 {font-size: 14px;text-align: center;margin: 0px;font-weight: normal}
.szurke_hatter p {padding-left: 10px; padding-right: 10px}
.szurke_hatter p a {color: var(--blue);text-decoration: none;font-size: 14px;}
.szurke_hatter table tr td {padding-left: 10px;padding-right: 10px;}
.szurke_hatter table h6 {font-size: 22px}
.szurke_hatter table tr td a {color: var(--blue);font-size: 18px;text-align: center;margin: 0px;font-weight: normal;text-decoration: none;white-space: nowrap}
.szurke_hatter .text_input {width: 100%;text-align: center}
.szurke_hatter .text_input input {border: 0px;font-size: 16px}
.k_fejlec_skek {background-color: var(--blue);color: white;padding: 10px 20px;font-size: 18px}
.szurke_hatter .barna {background-color: var(--lightbrown);color: white;text-align: center;font-size: 18px;margin-bottom: 0px}
#fomenu {}
#fomenu table {width: 100%}
#fomenu table tr td:first-child {width: 50%;padding: 0px 10px 0px 0px;text-align: center}
#fomenu table tr td:last-child {width: 50%;padding: 0px 0px 0px 10px;text-align: center}
#fomenu table tr td div {width: 100%;padding: 20px 0px}
#fomenu table tr td div a {text-decoration: none;}
#fomenu table tr td div.nem_kivalasztott {background-color: var(--greeybrown);}
#fomenu table tr td div.nem_kivalasztott a {color: var(--brown);}
#fomenu table tr td div.kivalasztott {background-color: var(--blue);}
#fomenu table tr td div.kivalasztott a {color: white;}
.lapozas {width: 90%;margin: auto;text-align: center}
.pagination {display: block;margin: 20px 5px}
/*.pagination li {display:inline-block;text-align: center;width: 20px; background-color: white;color: #005493;border: 2px solid #ffffff}
.pagination a {display: inline-block;color: white;padding: 2px;}
.pagination a li {background-color: white;color: #1FADA6;padding: 2px 7px;border: 1px solid #1FADA6}
.pagination li.active {background-color: #9db09a;color: white;padding: 2px 7px;border: 1px solid #9db09a}*/
.pagination li {display:inline-block;text-align: center;width: 20px; background-color: white;color: #005493;}
.pagination a {display: inline-block;color: white;padding: 2px;}
.pagination a li {background-color: white;color: #1FADA6;padding: 2px 7px;}
.pagination li.active {color: var(--greeyblue);padding: 2px 7px;}
.pagination li.iras {width: 60px;}


.lista_elem {
    display: table;
    margin-top: 10px;
    width: 100%;
    border: 1px solid var(--greeybrown);
	font-size: 15px;
}
.lista_elem figure {
    width: 270px;
    height: 200px;
    display:block ;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    position: relative;
	margin: 0px;
	padding: 0px;
}
.lista_elem figure img {
    position: absolute;
    margin: auto;
    left: 0px;
	min-width: 100%;
	min-height: 100%;
}
.lista_elem section {
    height: 100%;
    width: 69%;
    display: table-cell;
    vertical-align: top;
    padding: 0px 5px
}
.lista_elem section div table {width: 100%}
.lista_elem p.cim {margin: 0px;padding: 10px 0px 0px 0px}
.lista_elem p.cim a {font-size: 16px;font-weight: bold; color: var(--blue);text-decoration: none}
.lista_elem .reszlet {
    font-size: 15px;
}
.lista_elem .reszlet td {width: 33%;white-space: nowrap}
.ar {margin-bottom: 5px}
.ar tr td {vertical-align: bottom;font-size: 22px;color: #9c7236;}

td.jobb a {border: 1px solid #9c7236;color: var(--blue);text-decoration: none;padding: 5px 20px;font-size: 16px}

#szakember_lista {
	margin: auto;
    max-width: 225px;
    margin-top: 10px
}
#szakember_lista figure {
	position: relative;width: 225px;height: 225px;padding: 0px;margin: auto;
}
#szakember_lista figure img {
	position: absolute;top: 0px;left: 0px;
}
#szakember_lista figure div.kat_szoveg {
	width: 100%;
	position: absolute;
	bottom: 0px;left: 0px;
	background-color: rgba(255,255,255,0.6);
	color: #000000;
	font-weight: bold;
	padding: 8px 0px;
	font-size: 22px;
}
#szakember_lista figure div.kat_cim {
	width: 100%;
	position: absolute;
	top: 15px;left: 0px;
}
#szakember_lista figure div.kat_cim img {
	width: 80%;
}
.BreadcrumbList {width: 100%;font-size: 12px;color: var(--lightgreyblue);margin: 20px 0px 10 0px;}
.BreadcrumbList a {color: var(--darkblue);}
.termekreszlet {padding-top: 10px}
.termekreszlet h1 {background-color: var(--lightbrown);padding: 10px;color: white;font-size: 18px}
.index_fejlec div p {text-align: center;font-size: 20px;color: var(--brown) }
#szoveg_fejlec p {text-align: center;font-size: 20px;color: var(--brown) }
#oldal_banner {width: 100%}
#oldal_banner img {width: 100%}

#lablec {background-color: var(--darkblue);text-align: center;margin-top: 30px;padding: 10px}
#lablec_alj {background-color: var(--greeyblue);vertical-align: top;padding: 50px 0px 50px 0px}
#lablec_alj table {width: 100%;max-width: 1280px;margin: auto}
#lablec_alj table tr td {padding: 10px;text-align: left;vertical-align: top;width: 19%}
#lablec_alj h5 {color: white;background-color: aqua;text-align: center;margin-bottom: 20px;font-weight: normal;padding: 3px}
#lablec_alj table tr td a {display: block;color: white;font-size: 12px;padding-left: 10px;text-align: center;margin-top: 10px}
#lablec_alj h5.a1 {background-color: #15a2b6}
#lablec_alj h5.a2 {background-color: #ffa801}
#lablec_alj h5.a3 {background-color: #fe4d09}
#lablec_alj h5.a4 {background-color: #c52b45}
#lablec_alj h5.a5 {background-color: #3090dc}
footer .lkeres {width: 100%;text-align: center;margin-top: 60px}
footer .lkeres label {padding: 10px 40px;border: 1px solid var(--lightgreyblue);color: var(--lightgreyblue);}
footer nav div {width: 24%;display: inline-block;vertical-align: top}
footer nav {width: 90%;margin: auto;margin: 60px auto;}
footer nav div a {font-size: 14px;white-space: nowrap;display: block}
#kereso {padding: 10px 20px 20px 20px;text-align: center;background-color: var(--navy);margin-bottom: 30px;margin-top: 10px}
#kereso .fejlec_szoveg {
	color: white;
}
#kereso ul {list-style: none;margin: auto}
#kereso ul li:first-child {padding: 10px 30px 0px 0px;vertical-align: bottom}
#kereso ul li {display: inline-block}
#kereso ul li select#kat {height: 50px;border: 3px solid #50779e;border-radius: 10px 0px 0px 10px;font-size: 16px}
#kereso ul li input#Jootthon_kereso {height: 50px;border: 3px solid #50779e;border-left: 0px;border-right: 0px; font-size: 16px;width: 300px}
#kereso ul li #e2 {display: none}
.hnev {background-color: var(--vvgrey);padding: 10px;line-height: 1.2;vertical-align: middle}

#kereso ul li #e1, #kereso ul li #e2 {background-color: white;border: 3px solid #50779e;font-size: 16px;padding: 8px 20px 9px 20px;cursor: pointer}
#kereso ul li #e1 label {font-size: 16px;}
#kereso ul li #kereses_gomb {height: 50px;font-size: 18px;background-color: var(--orange);color: white;border: 3px solid #50779e;border-left: 0px; cursor: pointer;border-radius: 0px 10px 10px 0px;padding:10px 20px 12px 20px;line-height: 18px}

#ar1, #ar2 {border: none;border: 0px; width: 50px;padding: 5px;text-align: right}
#ar1:active {border: none}
.table {width: 100%} 
#felso_adatok .kis {background-color: darkgray;color: var(--greeyblue); text-align: center;}
#felso_adatok .nagy {background-color: var(--grey);color: var(--greeyblue);text-align: center}
/*#first_line span {float:right}*/
.menu_logo {display: inline-block;width: 20%;vertical-align: middle}
.menu_nav {display: inline-block;width: 79%;vertical-align: middle}
.menu_nav div {display: inline-block;width: 49%;text-align: center}
.menu_nav div a {display: block; background-color: var(--grey);width: 90%;margin: auto;padding: 10px}
.index_fejlec table {width: 100%}
.index_fejlec table tr td {vertical-align: top;}
.index_fejlec table tr td:first-child {width: 80%}
.index_fejlec table tr td:last-child img {width: 100%;margin-bottom: 10px;}

#elado, #kiado {color: white}
.ugyv_css {color: white}


.kiaz {padding: 10px;color: var(--blue);text-align: center}
.jobb {text-align: right}
.lista_elem p.cim {text-align: left}

#kep {background-color: white;text-align: center;margin: 10px 0px;height: 500px;overflow: hidden;position: relative;width: 100%}
#kep img {width: 100%;position: absolute;left: 0px;}
#keplista {list-style: none;margin: 0px;padding: 0px 0px 0px 10px}
#keplista li {display: inline-block;width: 49.5%; padding: 0px;margin: 0px 0px 3px 0px;vertical-align: middle;text-align: center;height: 150px;overflow: hidden}
#keplista li figure {width: 98%;margin: auto;height: 150px;overflow: hidden;position: relative}
#keplista li figure img {position: absolute;left: 0px;}
#kep1 {background-color: white;text-align: center;margin: 10px 0px;height: 500px;overflow: hidden;width: 100%;vertical-align: middle}
#kep1 img {margin: auto;}

#adatlista {list-style: none;margin: 0px; margin-top: 1rem;}
#adatlista li {list-style: none;width: 49%;display: inline-block;padding: 5px 0px}
#adatlista li div {width: 45%;display: inline-block;background-color: white;padding: 5px;font-size: 13px;font-weight: bold}
#adatlista li div:last-child {font-size: 14px;font-weight: bold}
#adatlista li table {background-color: white;padding: 5px;font-size: 13px;width: 90%}
#adatlista li table tr td {width: 50%;line-height: normal;text-align: left;vertical-align: middle;height: 30px;}

.index_fejlec #ind_hird {
    margin: 0px;
    padding: 0px;
}
.index_fejlec #ind_hird li {
    display: inline-block;
    width: calc((100% - 40px)/ 3);
	margin: 0px 4px 8px 4px;
    vertical-align: top;
    font-size: 12px;
	min-width: 240px;
	border: 1px solid var(--grey);
}
.index_fejlec #ind_hird li div {
    line-height: normal;
    padding: 0px;
}
.index_fejlec #ind_hird li div.cim {
	height: 15px;
	overflow: hidden;
	font-size: 14px;
	padding: 5px 10px 0px 10px;
}
.index_fejlec #ind_hird li p.ar {
    padding: 0px 10px;
    text-align: left;
    margin: 0px auto;
    font-size: 16px;
    color: #263937;
    font-weight: bold; 
}
.index_fejlec #ind_hird li p.ar span {
	float: right;
	font-weight: normal;
}
.index_fejlec #ind_hird li p.ar table tr td {
    font-size: 16px;
    color: #263937;
    font-weight: bold;
    white-space: nowrap;
    width: auto;
}
.index_fejlec #ind_hird li p.ar table tr td.nm_ {
    width: 33%;
    text-align: right;
}
.index_fejlec #ind_hird li p.ar table tr td.szob_ {
   text-align: center;
    width: 33%;
}
.index_fejlec #ind_hird li div figure {
    padding: 0px;
    margin: 0px auto;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.index_fejlec #ind_hird li div figure img {
    min-height: 200px;
	min-width: 320px;
	position: absolute;
	top:0px;
    width: 100%;
}

.narancs_gomb {
	background-color: var(--orange);
	padding: 5px 15px;
	border-radius: 5px;
	color: white;
	cursor: pointer;
}

.margin_kicsi {margin: 10px 0px}
.margin_nagy_top {margin-top: 30px}

#talalat {
	height: 30px;
	font-size: 12px;
}
#kep_dbszam {
	position: absolute;
	top: 50%;
	left: calc(50% - 45px);
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 20;
	color: white;
	font-weight: normal;
	white-space: nowrap;
	padding: 5px 15px;
	font-size: 18px;
	border-radius: 5px;
	cursor: pointer;
}
#slide {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 21;
}
.keret_slide {
	width: 660px;
	background-color: white;
	margin: auto;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
}
.keret_slide p {
	padding: 10px;
	border-bottom: 1px solid var(--grey);
	text-align: left;
}
.keret_slide p span {
	float: right;
}
.keret_slide div.nagykep {
	height: 480px;
	width: 640px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	position: relative
}
.keret_slide div.nagykep figure {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.keret_slide div.nagykep figure img {
	margin: auto;
}
.keret_slide #slide_kiskepek {
	height: 112px; 
	overflow-x: scroll;
	overflow-y: hidden;
	width: 640px;
	white-space: nowrap;
	margin: auto;
	padding: 10px;
}
.keret_slide #slide_kiskepek figure {
	height: 90px;
	width: 120px;
	overflow: hidden;
	display: table-cell;
	margin: 0px;
	padding: 5px;
}
.keret_slide #slide_kiskepek figure img {
	max-height: 100%;
}
#szakember {
	margin-left: 20px;
	width: 100%;
	max-width: 320px;
	overflow: hidden;
	margin-top: 30px;
}
#szakember figure {
	position: relative;width: 300px;height: 300px;padding: 0px;margin: auto;
}
#szakember figure img {
	position: absolute;top: 0px;left: 0px;
}
#szakember figure div.kat_szoveg {
	width: 100%;
	position: absolute;
	bottom: 0px;left: 0px;
	background-color: rgba(255,255,255,0.6);
	color: #000000;
	font-weight: bold;
	padding: 8px 0px;
	font-size: 22px;
}
#szakember figure div.kat_cim {
	width: 100%;
	position: absolute;
	top: 15px;left: 0px;
}
#szakember figure div.kat_cim img {
	width: 80%;
}
#szakember_index {

	width: 100%;
	max-width: 250px;
	overflow: hidden;
	margin-top: 10px;
}
#szakember_index figure {
	position: relative;width: 250px;height: 250px;padding: 0px;margin: auto;
}
#szakember_index figure img {
	position: absolute;top: 0px;left: 0px;
}
#szakember_index figure div.kat_szoveg {
	width: 100%;
	position: absolute;
	bottom: 0px;left: 0px;
	background-color: rgba(255,255,255,0.6);
	color: #000000;
	font-weight: bold;
	padding: 8px 0px;
	font-size: 22px;
}
#szakember_index figure div.kat_cim {
	width: 100%;
	position: absolute;
	top: 15px;left: 0px;
}
#szakember_index figure div.kat_cim img {
	width: 80%;
}
section div.leiras div.marvanf a {
    color: var(--blue); font-weight: bold
}
footer .kopi {
	text-align: center;
}
/*.index_fejlec #ind_hird {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.index_fejlec #ind_hird li {
		display: inline-block;
		width: 24%;
		height: 180px;
		overflow: hidden
	}
	.index_fejlec #ind_hird li div.keret {
		position: relative;
	}
	.index_fejlec #ind_hird li div.keret div {
		position: absolute;
	}
	.index_fejlec #ind_hird li div.keret div figure {
		padding: 0px;
		margin: 0px;
	}
	.index_fejlec #ind_hird li div.keret div figure img {
		width: 95%;
	}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
    .container, .container-sm {
    max-width: 540px;
  }
	.lista_elem p.cim a {font-size: 14px;}
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
    .container, .container-sm, .container-md {
    max-width: 720px;
  }
	.lista_elem p.cim a {font-size: 16px;}
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
    .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
	.lista_elem p.cim a {font-size: 22px;}
}
@media (min-width: 1100px) {
	.index_fejlec #ind_hird {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.index_fejlec #ind_hird li {
		display: inline-block;
		width: 24%;
		
	}
	.index_fejlec #ind_hird li div {
		line-height: normal;
		padding: 0px 20px;
	}

	.index_fejlec #ind_hird li div figure {
		padding: 3px;
		margin: 0px auto;
		height: 150px;
		overflow: hidden;
		border: 1px solid var(--grey);
	}
	.index_fejlec #ind_hird li div figure img {
		height: 100%;
		margin: auto;
	}
}
*/