@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');



.max-800 {
	max-width: 800px;
	margin: auto;
}

.kedvencek-gombok {
	font-size: 1.4em;
}

.keresohatter {


	margin-bottom: 0px;
	/* background-image: url(../img/kerdesekbg.jpg); */
	background-color: transparent;

	background-repeat: no-repeat;
	background-position: top center;


}

.keresohatter .formelotag {
	background: transparent;
	border: none;
}

.jumbotron {
	padding: 4rem 2rem 2rem;
}



#mirolszolkerdes:after {
	content: "????";
	display: inline-block;
	width: 30px;
	height: 30px;
	z-index: 1000;

}

.editing:focus {
	/*border: 1px solid #aaa;*/
}

.editing {
	border: none;
	margin: 0px;
	text-align: justify !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.temakorlista div {
	flex: 0 0 25%;
	max-width: 25%;
}

.error-msg {
	display: none;
}

@media (max-width: 576px) {
	.keresohater {
		background: -moz-radial-gradient(center, ellipse cover, #EDD8A6 0%, #CCB681 100%);
		/* ff3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #EDD8A6), color-stop(100%, #CCB681));
		/* safari4+,chrome */
		background: -webkit-radial-gradient(center, ellipse cover, #EDD8A6 0%, #CCB681 100%);
		/* safari5.1+,chrome10+ */
		background: -o-radial-gradient(center, ellipse cover, #EDD8A6 0%, #CCB681 100%);
		/* opera 11.10+ */
		background: -ms-radial-gradient(center, ellipse cover, #EDD8A6 0%, #CCB681 100%);
		/* ie10+ */
		background: radial-gradient(ellipse at center, #EDD8A6 0%, #CCB681 100%);
		/* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDD8A6', endColorstr='#CCB681', GradientType=1);
		/* ie6-9 */

	}
}

.temakorlista2 {
	column-count: 4;
}

.temakorlista2 br {
	display: none;
}

.temakorlista2 a {
	display: block;
	padding: 3px 7px;
	border-radius: 4px;
}

.temakorlista2 a:hover {
	background-color: rgba(255, 255, 255, 0.454);
}

.nepszerutabla .nepszeru2td {
	vertical-align: top;
	width: 70px;
	text-align: right;
}

.nepszerutabla .nepszeru1td {
	vertical-align: top;
	margin-right: 10px;
	color: #c17e28;
}

.adatoszlop {
	color: #c17e28;
}

.dark .temakorlista2 a:hover,
.dark .nepszerutabla a:hover {
	background-color: #22222220;
}

@media (max-width: 576px) {
	.temakorlista2 {
		column-count: 2;
		padding: 20px;
		font-size: 1.3em;
	}
}

.keresohatter2 {
	background: -moz-linear-gradient(45deg, #EDD8A6 0%, #CCB681 100%);
	/* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #EDD8A6), color-stop(100%, #CCB681));
	/* safari4+,chrome */
	background: -webkit-linear-gradient(45deg, #EDD8A6 0%, #CCB681 100%);
	/* safari5.1+,chrome10+ */
	background: -o-linear-gradient(45deg, #EDD8A6 0%, #CCB681 100%);
	/* opera 11.10+ */
	background: -ms-linear-gradient(45deg, #EDD8A6 0%, #CCB681 100%);
	/* ie10+ */
	background: linear-gradient(45deg, #EDD8A6 0%, #CCB681 100%);
	/* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCB681', endColorstr='#EDD8A6', GradientType=1);
	/* ie6-9 */
}


.btn-vilbarna {
	border: 2px solid #7a5150;
	background: #bf986d;
	color: #fff;

}

.dark .btn-vilbarna {
	border: 2px solid #bf986d;
	background: #7a515030;
	color: #fff;

}

.btn-vilbarna:hover {
	border: 2px solid #fff;

}

.btn-vilbarna:active {
	background: #fff;
	color: #000;

}


.btn-barna {
	background: #7a5150;
	color: #fff;

}

.btn-barna:hover {
	background: #bf986d;
	color: #fff;
}

.dark .btn-barna {
	background: #381d1c;
	border-color: #795030;
	opacity: 1;
	color: #d8bc9b;
}

.dark .btn-barna:hover {
	background: #5d4847;

}

.btn-fonott {
	text-transform: capitalize;
	background-image: url(/img/mszikon/fonat_szur_vil.gif);
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding-left: 38px;
	text-align: left;
}

.btn-fonott:hover {
	border-color: #795030;
}

.dark .btn-fonott {
	background-image: url(/img/mszikon/fonat_feh_sot.gif);
}

.form-control {
	border: 1px solid #d6c08c;

}

.maincontener {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (min-width: 1280.01px) {
	.fooldalkontener {
		max-width: 100%;
		margin: 0px;
	}

}

table.liketable {
	margin-bottom: 7px;
	width: 100%;
}

table.liketable tr:hover td {
	background: rgba(255, 249, 234, 0.5);
}

.dark table.liketable tr:hover td {
	background: #22222210;
}

.fooldallink .linkspan {
	background-repeat: no-repeat !important;
	padding-left: 40px;
	background-size: 23px !important;
	display: block;

}

a .fooldallink {
	background-color: rgba(255, 255, 255, 0.271);
}

.linksor .linkspan {
	background-repeat: no-repeat !important;
	background-size: 22px !important;
	display: block;
	background-position: 1px 0px !important;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding: 3px 0px 3px 31px;
}


.linksor {
	display: block;
	padding: 5px 0px;
	line-height: 1.1em;
	font-size: 18px;
}

.twocol {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	/*column-count: 2;*/
	padding-bottom: 10px;
}

.twocol2 {

	column-count: 2;
	padding-bottom: 10px;
}

.menupontok:hover {
	background-color: #ffffff;
	font-weight: 600;
	border-radius: 5px;
	border: 1px solid #795030;
}

.menupontok {
	border: 1px solid transparent;
}

.twocol a {
	margin-bottom: 0px;
	flex: 1 1 50%;

}

@media screen and (max-width: 992px) {
	.twocol a {
		margin-bottom: 0px;
		flex: 1 1 100%;

	}

}

@media screen and (max-width: 768px) {
	.twocol a {
		margin-bottom: 0px;
		flex: 1 1 100%;

	}

	.twocol2 a {
		margin-bottom: 0px;
		flex: 1 1 100%;

	}

	.twocol2 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;

		column-count: 1;
		padding-bottom: 10px;
	}

}

.nagyAzElsoBetu {
	text-transform: capitalize;
}

@media screen and (max-width: 800px) {
	.twocol {
		column-count: 1;
	}
}

.bottomlink {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}

.kerdesparagrafus {
	padding-bottom: 65px;
}

.formcontainer {
	max-width: 992px;
	padding-right: 17px;
	position: relative;

}


.cikktext {
	min-height: 250px;
}

.cimkebtn {
	margin: 3px;
}

.hidden {
	display: none;
}

.kommbtn {
	color: #734614;
	margin: 2px;
	width: auto;
	padding: 2px 2px;
	font-size: 14px;
}

.inverz {
	xcolor: white;
}

.display-5 {
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 1.2;
}

.meret-6 {
	font-size: 1.3rem;

}

.mobilmenu {
	display: none;
}

.mobilmenu button {
	font-size: 1.5em;
	background-color: #eee3c2;
	margin-left: 10px;
	border: 1px solid #d48906;
	border-radius: 4px;
	padding-left: 9px;
	padding-right: 9px;
}

.belepes button {
	margin-left: 5px;

}

@media screen and (max-width: 990px) {
	.mobilmenu {
		display: flex;
	}

	.formcontainer {
		padding-bottom: 50px;
		;

	}
}

.mobmenu {
	display: none;
	background-color: #eee3c2;
	height: calc(100vh - 188px);
	overflow-y: auto;
	padding: 10px 10px 0px;
}

@media screen and (max-width: 989px) {
	.navbar {
		display: none;
	}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {

	.nav-item {
		font-size: 1.2vw;
	}

}

a.cimkehozzaado {
	color: #000;
	font-size: 15px;
}

a.cimkehozzaado:hover {
	color: #777;

}

.cimkelebego span {
	position: absolute;
	top: -15px;
	right: -15px;
	background-color: #644907;
	color: #fff;
	font-weight: bold;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.cimkelebego {
	position: absolute;
	top: 30px;
	left: 0px;
	background-color: #fff;
	border: 1px solid #777;
	z-index: 100;
	width: 100%
}

.cimkelebego ul {
	display: block;
	columns: 3;
}

.cimkelebego li {

	list-style: none;
}

.cimkelebego li a {

	display: block;
	padding: 3px 5px;
	background-color: #ffecc5;
	font-weight: bold;
	color: #000;
	margin: 2px;
}

.super {
	font-size: 0.8em;
}


.mszoverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.1);
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mszmodal {
	background: rgb(244, 232, 212);
	background: linear-gradient(0deg, rgba(244, 232, 212, 0) 0%, rgba(244, 232, 212, 1) 8%, rgba(244, 232, 212, 1) 92%, rgba(244, 232, 212, 0) 100%);
	padding: 20px;
	width: 100%;
	border-radius: 8px;

	text-align: center;
}

.mszmodal button {
	margin: 10px;
}

@font-face {
	font-family: 'Merienda';
	src: url('/temak/mirolszol/font/Merienda-VariableFont_wght.ttf') format('truetype');
	/* Egyéb stílusokat is itt adhatsz meg, például a font-weight-et vagy a font-style-t. */
}


openbtnh1 {
	font-size: 1.5rem !important;
}

. table.darkTable {
	font-family: "Arial Black", Gadget, sans-serif;
	border: 2px solid #000000;
	background-color: #e8e8e8;
	width: 100%;
	height: 200px;
	text-align: center;
	border-collapse: collapse;
}

table.darkTable td,
table.darkTable th {
	border: 1px solid #4A4A4A;
	padding: 3px 2px;
}

table.darkTable tbody td {
	font-size: 13px;
	color: #111;
}

table.darkTable {
	font-family: "Times New Roman", Times, serif;
	border: 1px solid #FFFFFF;
	width: 350px;
	height: 200px;
	text-align: center;
	border-collapse: collapse;
}

table.darkTable td,
table.darkTable th {
	border: 1px solid #FFFFFF;
	padding: 3px 2px;
}

table.darkTable tbody td {
	font-size: 13px;
}

table.darkTable tr:nth-child(even) {
	background: #D0E4F5;
}

table.darkTable thead {
	background: #72A464;
	border-bottom: 5px solid #FFFFFF;
}

table.darkTable thead th {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-left: 2px solid #FFFFFF;
}

table.darkTable thead th:first-child {
	border-left: none;
}

table.darkTable tfoot {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background: #D0E4F5;
	border-top: 2px solid #767676;
}

table.darkTable tfoot td {
	font-size: 14px;
}

/* Absolute Center Spinner */

.loading {



	position: fixed;

	z-index: 30;

	height: 2em;

	width: 2em;

	overflow: show;

	margin: auto;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

}



/* Transparent Overlay */

.loading:before {

	content: '';

	display: block;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #ffffff10;

	background: #ffffff10;

}



/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {

	/* hide "loading..." text */

	font: 0/0 a;

	color: transparent;

	text-shadow: none;

	background-color: transparent;

	border: 0;

}



.loading:not(:required):after {}

.menupontok,
.mondatkezdo {
	text-transform: capitalize;

}

.kishead {
	font-size: 16px;
}

.linklista {
	font-size: 14px;
}

a {
	color: #813F3D;
	text-decoration: none;

}

a:hover {
	color: #734614;
	text-decoration: none;
	background-color: #ffffff70;

}

.nepszerutabla td:hover {
	background-color: #ffffff40;

}

.dark .nepszerutabla td:hover {
	background-color: #2f1f1f;

}

.dark a:hover {
	background-color: #ffffff10 !important;

}

.bg-braun {
	background-color: #88704680;
	border: 2px solid #ccb782;
	border-top: none;
	text-align: center;
	padding: 5px 0px 2px;
}

.kiemeltMenu {
	color: #000 !important;
	font-weight: bolder !important;
}

.dark.kiemeltMenu {
	color: #fff !important;
	font-weight: bolder !important;

}

/* Animation */



@-webkit-keyframes spinner {

	0% {

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@-moz-keyframes spinner {

	0% {

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@-o-keyframes spinner {

	0% {

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes spinner {

	0% {

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

.maincontener,
body {
	background-color: #dec29a;
	background: url('/img/hatter_rez.jpg') repeat #dec29a;

}

.input-container textarea {
	width: 100%;
	height: 100px;
}

div.error select {
	border: 1px solid #f96a6a !important;
}

.error label {
	color: #f96a6a !important;
}

.fa-thumbs-up {
	cursor: pointer;
}

.fa-thumbs-up:hover {
	color: #14581a;
}

.liked i {
	color: #14581a !important;
}

.disliked i {
	color: rgb(126, 0, 0) !important;
}

.kommbtn2 {
	color: #734614;
	float: right;
	margin-right: 10px;
	cursor: pointer;
}

.diszlbtn,
.likbtn {
	position: relative;

}

.robb {
	position: absolute;
	display: none;
	top: 10px;
	left: 10px;
	width: 0px;
	height: 0px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.8295693277310925) 0%, rgba(255, 255, 255, 1) 50%, rgba(244, 135, 102, 1) 89%, rgba(255, 255, 255, 0) 100%);
	border-radius: 0px;
	/* átmenet 0.5s alatt minden jellemzőre */

	opacity: 1;
}

.linkcsillag {
	background-position: 7px 6px;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-left: 30px !important;
	display: inline-block;
}

p {
	margin-bottom: 0rem !important;
}

@media only screen and (max-width: 990px) {
	.hideonmobile {
		display: none !important;
	}

}

@media only screen and (max-width: 768px) {
	.hidejustonmobile {
		display: none !important;
	}

}

.borderes:hover {
	border-color: #ffffff !important;
}

a.inlinelink:hover {
	background-color: #ffffff50;
	display: block;

}

a.inlinelink {
	display: block;
	padding: 2px 7px;
}

.form-control:focus {
	color: #495057;
	background-color: rgb(255, 252, 240);
	border-color: #ccb782;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(88, 73, 4, 0.25);
}

.forrasfoboz {
	display: none;
	clear: both;
	margin-bottom: 20px;
	text-align: center;
}

blockquote {
	text-align: left;
	padding: 20px;
	background-color: rgba(240, 229, 214, 0.5);
	display: inline-block;
}

.forraslink {
	cursor: pointer;
	display: inline-block;
	background-image: url(/img/mszikon2/lenyilo_vil2.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	border-radius: 5px;
	/* border: 1px solid #ccb782; */
	color: #270000;
	width: 60px;
	height: 26px;
	font-size: 30px;
	vertical-align: middle;
	margin-left: 10px;
}

.forraslink:hover {
	background-color: #ffffff20;
}

.dark .forraslink {
	background-image: url('/img/mszikon2/lenyilo_sot2.gif');
	color: #ceb590;
}

.pointer {
	cursor: pointer;
}

.bezaronyil {
	display: inline-block;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: -20px;
}

.logosav {
	background-image: url('/img/siteimg/feliratlogo_vil-min.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 100px;
	margin-bottom: 20px;
	width: 100%;
}

.opal,
.opal:focus {
	background-color: rgba(254, 254, 254, .3);
}

.cikktext,
.cikktext:focus {
	background-color: #FFFFFF40;
}

ul.fooldalilista {
	list-style: none;
	padding-left: 0px;
	font-size: 16px;
}

ul.fooldalilista li {
	position: relative !important;
	display: block;
	padding: 4px 0;

	clear: both;
	margin-bottom: 0px;
}

@media only screen and (max-width: 600px) {
	ul.fooldalilista li {
		margin-bottom: 15px;
	}

	.linksor {
		margin-bottom: 10px !important;

	}
}

span.f-megtekintesek {
	float: right;
	display: block;
	color: #734614;
	margin: 2px;
	width: 30px;
	padding: 2px 2px 2px;
	font-size: 11px;
	text-align: right;
	margin-right: 20px;
	/*background: url(/img/eye.png);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	*/
}

ul.baloldaliLinkek {
	padding: 0px 20px 0px;
}

.baloldaliLinkek li {
	list-style: none;
}

.baloldaliLinkek li a {
	margin-bottom: 5px;
	width: 100%;
}

.baloldaliLinkek li a::first-letter {

	text-transform: capitalize;

}

.keklink {
	color: #242087;
	text-decoration: underline;
	font-weight: bold;
}

.keklink:hover {
	color: #ffffff;
	background-color: transparent;
}

.nagybetus {

	text-transform: capitalize;


}

.aktivtema {
	background-color: #eee3c2;
	color: #000 !important;
	border: 2px solid #ffffff !important;
}

.aktivtema:hover {
	background-color: #f5f0e3;
}

.dark .aktivtema {
	background-color: #ffffff30;
}

.dark .aktivtema:hover {
	background-color: #ffffff50;
}

.talalatstr {
	color: #000;
}

.dark .talalatstr {
	color: #999;
}

.dark .aktivtema {
	color: #ceb590 !important;
}

article p {
	/*
	background-color: #e4c08680;
	*/
}

.nepszerutabla .cimstilus1 {

	color: #734614;
}

.szummaleiras {

	display: none;
	width: 100%;
	margin-top: 20px;

}

.hozzaszolassor {
	clear: both;
}

.rovidenBtn {
	margin: 0px 20px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.editorbtn {
	margin: 0px 10px;
}

.szummatxt {
	background: #000;
	color: #aaa;
	width: 100%;
	height: 100px;
	overflow-y: scroll;
}

.dark .maincontener,
body.dark {
	background-color: #150303;
	background: url(/img/hatter_sot.jpg);
	color: #999;
}


.mobilmenu button {
	background: #291413;
	border-color: #4d2624;
	color: #fff;
}





.dark article p {
	/*
	background-color: #000;
	*/
	color: #999;
}

.cimstilus1 {
	font-weight: normal;
	color: #000;
}

.dark .cimstilus1 {
	color: #d69595;
}

.dark .keresohatter {
	background-color: transparent;

}

.navkontener {
	padding: 0px;
	margin: 0px;
	max-width: 100%;
}

.dark .mobmenu {

	background-color: #000;
}

.nav-item a {
	font-weight: 600;
}

.dark .nav-item a {
	font-weight: 600;
	transform: scaleY(1.0);
	color: #e4bd84 !important;
}

.mobillogok {
	display: block;
	text-align: center;
	padding: 10px 0px;
	position: relative;
}

.mobillogok div.logokont {
	display: inline-block;
	padding-right: 110px;
	position: relative;
}

.mobillogok .moblogo {
	max-width: 350px;
	width: 63vw;
	height: 50px;
	background: url(/img/logo_rezvil_ti-uj2.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/*
  <img alt="Mirolszol.com" class="logovil" src="/img/siteimg/felirat_ujabb_sot.webp">
  <img alt="Mirolszol.Com" class="logosot" src="/img/siteimg/felirat_ujabb_vil3.webp">
  */
.nav-elem:hover .ddown {
	display: block;
}

.nav-elem {
	position: relative;
	overflow: visible;
}

.nav-elem a {
	font-weight: 600;
	transform: scaleY(1.5);
	overflow: visible;
	font-size: 1rem;
}

.ddown {
	position: absolute;
	top: 43px;
	left: 0px;
	display: inline-block;
	width: auto;
	min-width: 200px;
	background-color: #eee3c2;
	display: none;
	z-index: 100;
	padding: 10px 20px;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 2px 2px 10px #a4875d;

}

.dark .ddown {
	background-color: #211010;
	box-shadow: 2px 2px 4px #000;
}

.ddown a {
	background-image: url(/img/mszikon/fonat_szur_vil.gif);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding-left: 38px;

	font-size: 0.9em;
	transform: scaleY(1.1);
}

.dark .ddown a {
	background-image: url(/img/mszikon/fonat_feh_sot.gif);
}

/* under 1200px font-size: 10vw */
@media only screen and (max-width: 1200px) {
	.nav-elem a {
		font-size: 1.1vw;
	}
}

.nav-menupont {
	display: block;
	padding: 0.5rem 0.5rem;
}

.kiemeltmenupont {
	text-transform: none;

}

.dark .nav-item a {
	text-shadow: 3px 3px 3px #000;
	color: #aaa;
}

.kiemeltmenupont {
	color: #d86262 !important;
}

.dark .nemkiemeltmenupont {
	color: #ceb590 !important;
}

.dark .bg-braun {
	background-color: #120000;
	border: none;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	border-radius: 0px;

}

.dark blockquote {
	background-color: #211010;
	display: inline-block;
}

.dark #mirolszolkerdes {
	background-color: rgba(240, 229, 214, 0.2);
	color: white;
}

.dark .keresohatter .formelotag {
	background: transparent;
	;
	color: #aaa;
	border: none;
}



.dark .form-control {
	border: 1px solid #333;
	background: #111;
	color: #fff;
}

.dark a,
.dark a:hover {
	color: #c1905c;
	text-decoration: none;
}

.dark textarea {
	color: #aaa;
}

.light {

	cursor: pointer;
}

.mobmenu .btn {
	margin-bottom: 5px;
}




.belepvil {
	display: inline-block;
}

.dark .belepvil {
	display: none;
}

.belepsot {
	display: none;
}

.dark .belepsot {
	display: inline-block;
}


.hambimenu {
	display: inline-block;
}

.hambivil {
	display: inline-block;
}

.dark .hambivil {
	display: none;
}

.hambisot {
	display: none;
}

.dark .hambisot {
	display: inline-block;
}


.dark a.tksor:hover {
	background-color: #333;
}

.felsogombok {
	display: none;
}

.talalatszam {
	color: #111;

}

.dark .talalatszam {
	color: #333;
}

@media screen and (min-width: 991px) {


	.hideondesktop {
		display: none;
	}
}

.mobgomb {
	display: none;
}

@media screen and (max-width: 560px) {
	h1.mobilH1 img {
		width: 100%;
	}
}

/* The sidepanel menu */
.sidepanel {
	width: 0;
	position: fixed;
	z-index: 100;
	top: 0px;
	LEFT: 0px;
	overflow-x: hidden;
	transition: 0.5s;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	background: #e6c288;
	HEIGHT: 100vh;
	overflow-y: auto;
}

.sideadding .btn {
	box-shadow: -4px 6px 4px #e6c288;
	border: 0.5px solid #8f2727;
	background-color: #ffffff30;
}

.sideadding .btn:active {
	background-color: #fff;
	color: #000;
	border: 0.5px solid #8f2727;
}


.dark .sideadding .btn {
	box-shadow: -4px 6px 4px #000000;
	border: 0.5px solid #fff;
	background-color: transparent;

}

.dark .sideadding a.btn:hover {
	background-color: #8c6148;
	color: #fff;
}

.arnyek {
	display: block;
	white-space: nowrap;
	font-size: 1.1em;
	;
	text-align: left;
	;

	background-color: #e6c288;
	box-shadow: -4px 6px 4px #e6c288;
	color: #650a08;
}

.dark .arnyek {
	background-color: #000;
	box-shadow: -4px 6px 4px #000000;
	color: #aa905c;
}

.sideadding .btn:first-letter {
	text-transform: uppercase;
}

.dark .sidepanel {
	color: rgb(182, 182, 182);
	background: rgb(0, 0, 0);

}

.sideadding {
	box-sizing: border-box;
	padding: 0px 40px 0px 5px;
	width: 100%;
	margin-left: 2px;
	margin-top: 10px;
	box-sizing: border-box;
}

.sidepanel a {
	width: 100%;
	margin: 3px 2px;
	border-radius: 7px;

}

.fekete {
	color: #000 !important;
	padding: 1px 3px;
}

.fekete:hover {
	color: #fff !important;
	background-color: #8c614877;
}


/* Position and style the close button (top right corner) */
.sidepanel .closebtn {

	font-size: 36px;
	color: #fff;
	z-index: 101;
}

/* Style the button that is used to open the sidepanel */
.openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #ffffff80;
	color: #190c0b;
	border: none;
	display: none;

	transition: 0.5s;
	z-index: 101;

	border-radius: 20px 20px 20px 20px;
	width: 44px;
	height: 44px;
	text-align: center;
	padding: 0px;
	outline: none;

	background-image: url('/img/mszikon2/nyil_vil.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

.dark .openbtn {
	background-color: #160307;
	color: #fff;
	background-image: url('/img/mszikon2/nyil_sot.gif');
	border: 1px solid #ccb782;
}

.lpadding {
	padding-left: 4px;
}

.uppercase {
	text-transform: uppercase;
}

.openbtn:hover {
	border: 1px solid #ffffff;


}

.openbtn.opened {

	transform: rotate(180deg);
	border-radius: 20px 20px 20px 20px;
	width: 42px;
	height: 42px;
	text-align: center;
	padding: 0px;
}

.hirdetmeny {
	font-size: 35px;

}



.logovil {
	display: none;
}

.logosot {
	display: inline-block;
}

.dark .logovil {
	display: inline-block;
}

.dark .logosot {
	display: none;
}


.jumbotron {
	padding: 1rem 0rem 10px;
}

h1.mobilH1 {
	font-size: 0px !important;
	display: inline-block;
}

h1.mobilH1 img {
	max-height: 88px;
}

.dark h1.mobilH1 img {
	max-height: 61px;
}

.keresobox a {
	color: #000;
	background-color: bisque;
	padding: 2px 5px;
	cursor: pointer;
	margin: 2px;
	display: block;
}

.keresobox {
	position: absolute;
	width: 100%;
	background-color: #e6c288;
	z-index: 10;

}


@media screen and (max-width: 990px) {

	.alert {
		padding: 3px;
		margin-bottom: 2px;

	}

	footer,
	table.liketable {
		font-size: 1.1em;
	}



	.lapcim {
		display: flex;
		padding: 10px 0px 0px 0px;
		margin-bottom: 7px;
	}

	.mobgomb {
		display: inline-block;
	}

	h1.mobilH1 {
		text-align: left;
		margin: 0px 0px 0px 0px;
		line-height: 52px;
	}

	h1.mobilH1 img {
		max-height: 32px;
	}

	.lapcim .upbtn {
		width: 63px;
		height: 50px;
		margin-left: 12px;
		padding-top: 0px;
		display: inline-block;
		border-radius: 7px;
		line-height: 50px;
		vertical-align: middle;

	}


	.upbtn img {
		width: 44px;
		height: 44px;
		margin-left: -3px;
		margin-top: -3px;
		vertical-align: middle;
	}

	h1.mobilH1 {
		font-size: 0px !important;
		display: inline-block;
		height: 43px;
		width: 100%;

	}



	.jumbotron {
		padding: 0rem 0rem 0rem;
	}

	.felsogombok {
		display: inline-block;

	}

	.mbut img {
		width: 46px;
		height: 46px;
	}

	.openbtn {
		display: block;
	}

	.navbar-nav {}

	.nav-item {
		width: 50%;
		font-size: 1.1em;
		color: #999;
	}

	.hirdetmeny {
		font-size: 23px;
	}

	.maincontener p,
	.mobillineheight {
		font-size: 1.2rem;

	}

	.navbar-nav {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		flex-wrap: wrap;

	}

	.navbar-nav a,
	.navbar-nav a:hover {
		text-decoration: none;
		font-size: 1.1em;
		font-family: 'Merienda', sans-serif;
	}
}

.kategoriak {
	margin: -10px 0px 10px 0px;
}

.dark div.hr {
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(226, 226, 226, 1) 45%, rgba(226, 226, 226, 1) 55%, rgba(255, 255, 255, 0) 100%);
}

div.hr {
	height: 30px;
	margin: 4px 10%;
	padding: 0% 10%;
	background-size: contain;
}

@media (min-width: 800px) {
	div.hr-1 {
		background-image: url('/img/hr2/sorkoz-1.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-2 {
		background-image: url('/img/hr2/sorkoz-2.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-3 {
		background-image: url('/img/hr2/sorkoz-3.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-4 {
		background-image: url('/img/hr2/sorkoz-4.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-5 {
		background-image: url('/img/hr2/sorkoz-5.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-6 {
		background-image: url('/img/hr2/sorkoz-6.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-7 {
		background-image: url('/img/hr2/sorkoz-7.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-8 {
		background-image: url('/img/hr2/sorkoz-8.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-9 {
		background-image: url('/img/hr2/sorkoz-9.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-10 {
		background-image: url('/img/hr2/sorkoz-10.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-11 {
		background-image: url('/img/hr2/sorkoz-11.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-12 {
		background-image: url('/img/hr2/sorkoz-12.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-13 {
		background-image: url('/img/hr2/sorkoz-13.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-14 {
		background-image: url('/img/hr2/sorkoz-14.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-15 {
		background-image: url('/img/hr2/sorkoz-15.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-16 {
		background-image: url('/img/hr2/sorkoz-16.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-17 {
		background-image: url('/img/hr2/sorkoz-17.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-18 {
		background-image: url('/img/hr2/sorkoz-18.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-19 {
		background-image: url('/img/hr2/sorkoz-19.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-20 {
		background-image: url('/img/hr2/sorkoz-20.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-21 {
		background-image: url('/img/hr2/sorkoz-21.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-22 {
		background-image: url('/img/hr2/sorkoz-22.png');
		background-repeat: no-repeat;
		background-position: top center;
	}
}


@media (max-width: 800px) {
	div.hr {

		background-repeat: no-repeat;
		background-position: top center;
		margin: 4px 10px;
	}

	div.hr-1 {
		background-image: url('/img/hr2/skmob-01.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-2 {
		background-image: url('/img/hr2/skmob-02.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-3 {
		background-image: url('/img/hr2/skmob-03.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-4 {
		background-image: url('/img/hr2/skmob-04.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-5 {
		background-image: url('/img/hr2/skmob-05.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-6 {
		background-image: url('/img/hr2/skmob-06.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-7 {
		background-image: url('/img/hr2/skmob-07.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-8 {
		background-image: url('/img/hr2/skmob-08.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-9 {
		background-image: url('/img/hr2/skmob-09.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-10 {
		background-image: url('/img/hr2/skmob-10.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-11 {
		background-image: url('/img/hr2/skmob-11.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-12 {
		background-image: url('/img/hr2/skmob-12.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-13 {
		background-image: url('/img/hr2/skmob-13.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-14 {
		background-image: url('/img/hr2/skmob-14.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-15 {
		background-image: url('/img/hr2/skmob-15.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-16 {
		background-image: url('/img/hr2/skmob-16.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-17 {
		background-image: url('/img/hr2/skmob-17.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-18 {
		background-image: url('/img/hr2/skmob-18.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-19 {
		background-image: url('/img/hr2/skmob-19.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-20 {
		background-image: url('/img/hr2/skmob-20.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-21 {
		background-image: url('/img/hr2/skmob-21.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	div.hr-22 {
		background-image: url('/img/hr2/skmob-22.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

}


.dark hr {
	border-color: #fff;
	;
}

hr {
	border-color: #333;
	;
}

.bold {
	font-weight: bold;
}

.lockwidth {
	flex: none !important;
	width: 10px !important;
}

#mirolszolkerdes {
	transition: 0.5s;
	border-radius: 7px 0px 0px 7px;
	height: 48px;
	position: relative;
}

/* on focus no shadow */
#mirolszolkerdes:focus {
	outline: none;

}


/* #mirolszolkerdes after egy kérdőjel legyen */
.kerdesDiv {
	position: relative;
	display: inline-block;
}

#mirolszolkerdes:after {
	content: "?";
	position: absolute;
	right: 0px;
	top: 0px;
	width: 48px;
	height: 48px;
	background-color: #e6c288;
	border-radius: 0px 7px 7px 0px;
	text-align: center;
	line-height: 48px;
	font-size: 1.5em;
	color: #000;
	cursor: pointer;
}


.btn:focus {
	outline: none;
	box-shadow: none;
}


.dark .modal-content {
	background-color: #130202;
}

.dark .linksor:hover,
.dark .fooldalilista li:hover {
	background: #2f1f1f;

}

.dark .menupontok:hover {}

.linksor:hover,
.fooldalilista li:hover {
	background: #ffffff50;

}

.cookiebar2 {
	display: none;
	position: fixed;
	bottom: 4px;
	left: 5px;
	width: auto;
	max-width: 100%;
	padding: 7px 17px;
	color: #aaa;
	background-color: #000;
}

.cookiebar2 button {
	margin-left: 30px;
}

.dark .cookiebar2 {
	background-color: #fff;
	color: #000;
}

.htmlpapir p {
	padding-bottom: 20px;
	;
}

.dislike {
	margin-left: 5px;
	margin-right: 5px;
}

.dark ::-moz-selection {
	/* Code for Firefox */
	color: rgb(178, 233, 173);
	background: rgb(20, 48, 32);
}

.dark ::selection {
	color: rgb(178, 233, 173);
	background: rgb(28, 59, 41);
}

.inaktiv {
	color: #00000040 !important;
}

.dark .inaktiv {
	color: #ffffff40 !important;
}

.likei {
	width: 22px;
	height: 22px;
	display: inline-block;
	background-image: url('/img/mszikon/like_0.gif');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.dislikei {
	width: 22px;
	height: 22px;
	display: inline-block;
	background-image: url('/img/mszikon/like_dis0.gif');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.dark .likei {
	background-image: url('/img/mszikon/like_0_sot.gif');

}

.dark .dislikei {
	background-image: url('/img/mszikon/like_dis0_sot.gif');

}

.kivalasztva .likei {
	background-image: url('/img/mszikon/like_1.gif');
	animation-name: grow-and-shrink;
	animation-duration: 0.7s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: none;
	animation-play-state: running;
}

.kivalasztva .dislikei {
	background-image: url('/img/mszikon/like_dis1.gif');
	animation-name: grow-and-shrink;
	animation-duration: 0.7s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: none;
	animation-play-state: running;
}

.dark .kivalasztva .likei {
	background-image: url('/img/mszikon/like_1_sot.gif');
}

.dark .kivalasztva .dislikei {
	background-image: url('/img/mszikon/like_dis1_sot.gif');
}

@keyframes grow-and-shrink {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.5);
	}

	100% {
		transform: scale(1);


	}
}

/* onclick start animation */




.alsoLikek a:first-letter {
	text-transform: uppercase;
}

.fonott-1 {
	background-image: url('/img/mszikon/fonat_1.gif');
}

.fonott-2 {
	background-image: url('/img/mszikon/fonat_2.gif');
}

.fonott-3 {
	background-image: url('/img/mszikon/fonat_3.gif');
}

.fonott-4 {
	background-image: url('/img/mszikon/fonat_4.gif');
}

.fonott-5 {
	background-image: url('/img/mszikon/fonat_5.gif');
}

/*
  .dark .fonott-1 {
	background-image: url('/img/mszikon/fonat_1_sot.gif');
  }
  .dark .fonott-2 {
	background-image: url('/img/mszikon/fonat_2_sot.gif');
  }
  .dark .fonott-3 {
	background-image: url('/img/mszikon/fonat_3_sot.gif');
  }
  .dark .fonott-4 {
	background-image: url('/img/mszikon/fonat_4_sot.gif');
  }
  */




.csillag-1 {
	background-image: url('/img/csillag3/csil2_vil.gif');
}

.csillag-2 {
	background-image: url('/img/csillag3/csil2_vil.gif');
}

.csillag-3 {
	background-image: url('/img/csillag3/csil3_vil.gif');
}

.csillag-4 {
	background-image: url('/img/csillag3/csil4_vil.gif');
}

.csillag-5 {
	background-image: url('/img/csillag3/csil5_vil.gif');
}

.dark .csillag-1 {
	background-image: url('/img/csillag3/csil2_sot.gif');
}

.dark .csillag-2 {
	background-image: url('/img/csillag3/csil2_sot.gif');
}

.dark .csillag-3 {
	background-image: url('/img/csillag3/csil3_sot.gif');
}

.dark .csillag-4 {
	background-image: url('/img/csillag3/csil4_sot.gif');
}

.dark .csillag-5 {
	background-image: url('/img/csillag3/csil5_sot.gif');
}

.csillag-1:hover,
.csillag-2:hover,
.csillag-3:hover,
.csillag-4:hover,
.csillag-:hover {
	cursor: pointer;
}

.frissit {
	background-image: url('/img/mszikon/ajan_nyil_vil.gif');
	display: inline-block;
	background-size: 30px 30px;
	width: 50px;
	height: 50px;
	border: 1px solid #734614;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff70;
	cursor: pointer;
}

.ajanlatok {
	min-height: 225px;
}

.frissit:hover {
	background-color: #ffffff70;
}

.frissitactive {
	animation: felet-forgat 0.7s;
	animation-duration: 0.7s;
	animation-iteration-count: 1;
	animation-direction: normal;
	/* or: normal */
	animation-timing-function: ease-out;
	/* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
	animation-fill-mode: forwards;
	/* or: backwards, both, none */
	border: 1px solid #fff;
	background-color: #ffffffb0;
}

@keyframes felet-forgat {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(180deg);
	}

}

.dark .frissit {
	background-image: url('/img/mszikon/ajan_nyil_sot.gif');
	background-color: transparent;
}

.alsoLikek {
	padding-bottom: 30px;

}

.alsoLikek .fonottLink {
	font-size: 1.3em;
}

.fonottLink {
	text-transform: capitalize;
	background-image: url(/img/mszikon/fonat_szur_vil.gif);
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 38px;
	line-height: 28px;
	font-size: 18px;
	transform: scaleY(1.2);
	padding: 3px 10px 3px 44px;
	border-radius: 5px;

}

a.fonottLink:hover {
	background-color: #ffffff60;
	border: 1px solid #795030;

}

a.hoverkeret,
button.hoverkeret {
	display: block;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-radius: 5px;
}

button.hoverkeret {
	border: 1px solid #523d26;
}

button.hoverkeret:hover {
	background-color: #ffffff20;
}

a.hoverkeret:hover,
button.hoverkeret:hover {
	border: 1px solid #795030;
}

.borderes {
	border: 1px solid #795030 !important;

}

button.hoverkeret-inl {

	color: #813F3D;
	;
}

.dark button.hoverkeret {
	color: #795030;
}

.dark button.hoverkeret {
	color: #c1905c;
}

a.hoverkeret-inl,
button.hoverkeret-inl {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-radius: 5px;
	background-color: transparent;
	color: #795030;
	margin: 2px;
	;
}

/*
  .iosgomb {
  
	color: #000;
	text-shadow: 2px 2px 3px #fff;
	border-radius:7px;
	padding: 5px 20px;
	margin: 4px 4px;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.3s ease;
	font-size: 0.9em;
	display: inline-block;
	border: 1px solid #795030;
	background-image: url("/img/papirgomb.jpg");
	background-size: cover;
  
  
  }
  
  .iosgomb:hover {
	background-color: #fff;
	border: 1px solid #fff;
  }
  .iosgomb:active {
	background-color: #fff;
	border: 1px solid #fff;
  }
  */
.focsoportgomb {
	text-transform: uppercase;
}

.iosgomb {
	font-family: 'Merienda', sans-serif;

	display: inline-block;
	position: relative;
	margin-left: 6px;
	margin-right: 7px;
	margin-bottom: 5px;
	background-color: transparent;
	background-image: url(/img/g2_rez.png);
	background-position: center;
	background-repeat: repeat-x;
	background-size: contain;
	transition: background-image 0.3s;
	height: 30px;
	line-height: 30px;
	font-size: 1.1vw;
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	border: none;
	outline: none;
	padding: 0px;
	text-align: center;
	text-shadow: none !important;
}

.iosgomb:hover {
	color: #fff;
}

.iosgomb::before {
	content: "";
	position: absolute;
	top: 0;
	left: -6px;
	width: 6px;
	/* Kép szélessége */
	height: 30px;
	/* Teljes magasság */
	background-image: url('/img/g1_rez.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;

}

.iosgomb::after {
	content: "";
	position: absolute;
	top: 0;
	right: -6px;
	width: 6px;
	/* Kép szélessége */
	height: 30px;
	/* Teljes magasság */
	background-image: url('/img/g3_rez.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.iosnagy {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #000;
	font-size: 16px;
	background-image: url('/img/szupergomb2.png');
	background-size: 50px 100%;
}

.iosnagy::before {
	right: -16px;
	width: 16px;
	/* Kép szélessége */
	height: 50px;
	/* Teljes magasság */
	background-image: url('/img/szupergomb1.png');
}

.iosnagy::after {
	right: -16px;
	width: 16px;
	/* Kép szélessége */
	height: 50px;
	/* Teljes magasság */
	background-image: url('/img/szupergomb3.png');
}

@media screen and (max-width: 767px) {
	.iosnagy {
		font-size: 20px;
	}

}



@media screen and (max-width: 990px) {
	.katgombok a:hover {
		color: transparent;
	}

	.katgombok {
		display: flex;
		flex-wrap: wrap;
	}

	.katgombok .temakorokmp {
		flex: 1;
		text-align: center;

		white-space: nowrap;
	}
}


.temakorokmp:hover {
	color: transparent;
}

.temakorokmp {
	font-family: 'Merienda', sans-serif;

	display: inline-block;
	position: relative;
	margin-right: 27px;
	margin-left: 5px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url('/img/szupergomb2.png');
	background-position: center;
	background-repeat: repeat-x;
	background-size: contain;
	transition: background-image 0.3s;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: transparent;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	border: none;
	outline: none;
	padding: 0px;
	text-align: center;
	text-shadow: none !important;
}


.temakorokmp::before {
	content: "";
	position: absolute;
	top: 0px;
	left: -11px;
	width: 12px;
	height: 30px;
	background-image: url('/img/szupergomb1.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;

}

.temakorokmp::after {
	content: "";
	position: absolute;
	top: 0;
	right: -22px;
	width: 22px;
	/* Kép szélessége */
	height: 30px;
	/* Teljes magasság */
	background-image: url('/img/szupergomb3_kiskereszttel.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.sorvegGomb.temakorokmp::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	/* Kép szélessége */
	height: 30px;
	/* Teljes magasság */
	background-image: url('/img/szupergomb3.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.temakorokmp span {
	position: absolute;
	top: 0px;
	left: -9px;
	width: calc(100% + 15px);
	height: 30px;
	line-height: 30px;
	z-index: 10px;
	color: #000;
}

a.temakorokmp:hover span {
	color: #fff;
}


.ioskozepes {

	height: 26px;
	line-height: 26px;
	color: #000;
	font-size: 15px;
	margin-right: 8px;
	margin-left: 5px;
	margin-bottom: 15px;
}

.ioskozepes {
	font-family: 'Merienda', sans-serif;

	display: inline-block;
	position: relative;
	margin-right: 8px;
	margin-left: 5px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url('/img/szupergomb2.png');
	background-position: center;
	background-repeat: repeat-x;
	background-size: contain;
	transition: background-image 0.3s;
	height: 26px;
	line-height: 26px;
	font-size: 1.1vw;
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	border: none;
	outline: none;
	padding: 0px;
	text-align: center;
	text-shadow: none !important;
}

.ioskozepes:hover {
	color: #fff;
}

.ioskozepes::before {
	content: "";
	position: absolute;
	top: 0;
	left: -6px;
	width: 6px;
	/* Kép szélessége */
	height: 26px;
	/* Teljes magasság */
	background-image: url('/img/szupergomb1.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;

}

.ioskozepes::after {
	content: "";
	position: absolute;
	top: 0;
	right: -6px;
	width: 6px;
	/* Kép szélessége */
	height: 26px;
	/* Teljes magasság */
	background-image: url('/img/szupergomb3motivummal.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* //////////////////////////////////////////////// */
.iosnagykozepes:active,
.iosnagykozepes:focus {
	outline: none;
}

.iosnagykozepes {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: #000;
	font-size: 15px;
	background-image: url(/img/szupergomb2.png);
	background-size: 40px 100%;
	padding: 0px 17px;
	margin: 10px 17px !important;

}


.iosnagykozepes::before {
	right: 16px;
	width: 10px;
	/* Kép szélessége */
	height: 40px;
	/* Teljes magasság */
	background-image: url('/img/szupergomb1.png');
}

.iosnagykozepes::after {
	right: -10px;
	width: 14px;
	/* Kép szélessége */
	height: 40px;
	/* Teljes magasság */
	background-image: url('/img/szupergomb3.png');
}

@media screen and (max-width: 767px) {
	.iosnagykozepes {
		font-size: 16px;
	}

}

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

.fooldalgomb {
	display: inline-block;
	position: relative;
	margin: 0px 5vw 0px 1vw;
	font-size: 3.5vw;
	line-height: 40px;
	height: 40px;
	padding: 0px 0px;
	background-image: url('/img/mob2.png');
	background-position: center;
	background-repeat: repeat-x;
	background-size: 40px 40px;
	color: #000;
	font-family: 'Merienda', sans-serif;
	width: calc(100% - 47px);
	font-weight: bold;
}

.fooldalgomb span {
	position: relative;
	display: block;
	top: 0px;
	left: -8px;
	width: calc(100% + 16px);
	z-index: 10;
	text-align: center;
}

.fooldalgomb:before {
	content: "";
	position: absolute;
	top: 0;
	left: -16px;
	width: 16px;
	/* Kép szélessége */
	height: 40px;
	/* Teljes magasság */
	background-image: url('/img/mob1.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.fooldalgomb:after {
	content: "";
	position: absolute;
	top: 0;
	right: -33px;
	width: 34px;
	height: 40px;
	background-image: url('/img/mob3mot.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.fooldalgomb:hover {
	color: #fff;
}

.fooldalitabla img {
	width: 16px;
}

#navbarNav2 {
	/*line-height: 44px;*/
}

#navbarNav2 a.ioskozepes {
	color: transparent;
}

#navbarNav2 .ioskozepes {
	margin-bottom: 0px;
	width: 100%;
	margin-right: 15px;
	margin-left: 15px;
	height: 33px;
	line-height: 33px;
	position: relative;

}

.ioskozepes span {
	position: absolute;
	top: -4px;
	left: -7px;
	width: calc(100% + 14px);
	height: 33px;
	line-height: 33px;
	z-index: 10px;
	color: #000;
}

a.ioskozepes:hover span {
	color: #fff;
}

#navbarNav2 .ioskozepes:before {
	height: 33px;
	width: 15px;
}

#navbarNav2 .ioskozepes:after {
	height: 33px;
	width: 15px;
}


@media screen and (max-width: 420px) {
	#navbarNav2 .ioskozepes {
		font-size: 3.3vw;
	}

}

.ioskozepes::before {
	right: -10px;
	width: 10px;
	/* Kép szélessége */
	height: 26px;
	/* Teljes magasság */
}

.ioskozepes::after {
	right: -10px;
	width: 10px;
	/* Kép szélessége */
	height: 26px;
	/* Teljes magasság */
}


.utvonal {
	color: #000;
}

.utvonal:hover {
	color: #000;
	text-decoration: underline white !important;
}

.hidden {
	display: none;
}

.kapszula:hover {
	*background-image: none;
	/* Hover esetén a háttérképeket eltávolítjuk */
}


a.hoverkeret-inl:hover,
button.hoverkeret-inl:hover {
	border: 1px solid #795030;
}



a.fooldaliKisgombok {
	font-weight: bold;
	white-space: nowrap;

}

.ajanlatok a:hover {
	border: 1px solid #795030 !important;
}

.keretes {
	border: 1px solid #795030;
	color: #795030;
}

.kerettelen {
	border: none;
	color: #795030;
}

.kerettelen:hover {
	color: #e3bf85;
	background-color: #813f3d;
}

.dark .kerettelen {
	color: #fff;
}

.dark .keretes {
	color: #fff;

}

button.keretes:hover {
	background-color: #ffffff60;
}

.dark .fonottLink {
	background-image: url(/img/mszikon/fonat_feh_sot.gif);
}

.hirdetmeny {
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 10px;
}

.hirdetmeny .br {
	display: none;
}


/* under 1000px .hidetmeny padding 0 60px*/
@media screen and (max-width: 790px) {
	.hirdetmeny .br {
		display: block;
	}

	.hirdetmeny {
		font-size: 1em !important;
	}
}


/* under 1000px .hidetmeny padding 0 60px*/
@media screen and (max-width: 1000px) {
	.hirdetmeny {
		padding: 0 20px;
	}
}


.listaElem {
	padding: 3px 25px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	border-bottom: 1px solid #00000020;
}

.szin_130f0c {
	color: #130f0c;
}

.dark .szin_130f0c {
	color: #c1905c;
}

.szin_813f3d {
	color: #813f3d;
}

.dark .szin_813f3d {
	color: #c1905c;
}

.szin_4f0c0a {
	color: #4f0c0a;
}

.dark .szin_4f0c0a {
	color: #c1905c;
}

.szin_8f2727 {
	color: #8f2727;
}

.dark .szin_8f2727 {
	color: #c1905c;
}

.kiemeltszoveg {
	color: #945540;
	padding-bottom: 10px;
}

.dark .melybarna {
	background-color: #211010;
}


.layeroverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000080;
	z-index: 110;
	align-items: center;
	justify-content: center;
	display: none;
}

.listaCim {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px solid #00000020;

}

.listaCim span {
	position: absolute;
	font-size: 0px;
	width: 30px;
	height: 30px;
	background: #7a5150;
	top: 0px;
	left: 10px;
}

.klbezar {
	background-color: #c1905c;
	color: #fff;
	border: 1px solid #c1905c;
	position: absolute;
	right: calc(40% - 200px);
	top: calc(20% - 0px);
	border-radius: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border: 3px solid #fff;
	z-index: 10;
}

/* under 990px menuhoverkeret span margin is 0px 6px; */
@media only screen and (mix-width: 1000px) {

	klbezar {

		right: 20%;
	}
}

.kedvencListaBox {
	position: relative;
	background-color: #e3bf85;
	width: calc(100vw - 10%);
	height: calc(100vh - 10%);
	max-width: 500px;
	max-height: 400px;
	border-radius: 10px;
	border: 1px solid #813f3d;

	box-shadow: 2px 2px 2px #00000040;

	overflow-y: auto;
	padding: 2px 5px;
}

.dark .kedvencListaBox {
	background-color: #000;
	border: 1px solid #c1905c;
}

.kedvenc {
	background-image: url(/img/mszikon/zaszlo0_vil.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;

	width: 20px;
	height: 26px;
	display: inline-block;
	float: right;
	margin-left: 9px;
}

.kedvenc.elrakva {
	background-image: url(/img/mszikon/zaszlo1_vil.jpg);
	animation-name: grow-and-shrink;
	animation-duration: 0.7s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: none;
	animation-play-state: running;
}

.kedvenc.elrakva2 {
	background-image: url(/img/mszikon/zaszlo1_vil.jpg);

}

.dark .kedvenc {
	background-image: url(/img/mszikon/zaszlo0_sot.jpg);

}

.dark .kedvenc.elrakva {
	background-image: url(/img/mszikon/zaszlo1_sot.jpg);
}

.szeminfo {
	margin-top: 1px;
	display: inline-block;
}

/* menüpontok - desktop */
.menuhoverkeret {
	display: inline-block;
	padding: 2px 0px;
	border: 1px solid #795030;
	border-radius: 10px;
	outline: none;
	margin-left: 5px;
	width: 48px;
	height: 48px;
	background-color: transparent;
	text-align: center;
}

.menuhoverkeret span {
	width: 30px;
	height: 30px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	outline: none;
	margin: auto;
}

.menuhoverkeret:hover {

	background-color: #ffffff40;
}

.dark .menuhoverkeret:hover {
	background-color: transparent;
	border-color: #fff;
}

.keresoGomb {
	border-radius: 0px 10px 10px 0px;

}

.mobikereso {
	position: absolute;
	top: -1px;
	right: 110px;
	width: 0px;

	height: 50px;

	background-color: #fff;
	display: none;
	border: 1px solid #fff;
	outline: none;
	border-radius: 10px;
	transition: width 1s ease;
}

.mobikereso.aktiv {

	display: inline-block;
	width: calc(100% - 110px);

}

.mobkeresoGomb {
	display: inline-block;
	padding: 2px 0px;
	border: none;
	margin-left: 5px;
	width: 50px;
	height: 50px;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: -2px;
	right: 55px;
}

.mobkeresoGomb span {
	background-image: url(/img/mszikon2/nagyi_vil.gif);
	width: 30px;
	height: 30px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	outline: none;
	margin: auto;
}

.hambiGomb {
	display: inline-block;
	padding: 2px 0px;
	border: none;

	outline: none;
	margin-left: 5px;
	width: 50px;
	height: 50px;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: -2px;
	right: 0px;
}

.hambiGomb span {
	background-image: url(/img/mszikon2/menu_vil.gif);
	width: 30px;
	height: 30px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	outline: none;
	margin: auto;
}

.mhov:hover,
.mhov:active,
.mhov:focus {
	background-color: #ffffff40;
	outline: none;
}


.keresoGomb span {
	background-image: url(/img/mszikon2/nagyi_vil.gif);
	cursor: pointer;
}



.dark .keresoGomb span,
.dark .mobkeresoGomb span {
	background-image: url(/img/mszikon2/nagyi_sot.gif);
}

.belepesFigura span {
	background-image: url(../../../img/mszikon2/login_vil.gif);
}

.dark .belepesFigura span {
	background-image: url(../../../img/mszikon2/login_sot.gif);
}

.fenyon {
	background-image: url(../../../img/mszikon2/nap_sot.gif);
	background-position-x: -1px;
}

.dark .fenyon {
	background-image: url(../../../img/mszikon2/nap_sot.gif);
	background-position-x: -1px;
}

.fenyoff {
	background-image: url(../../../img/mszikon2/hold_vil.gif);
}

.dark .fenyoff {
	background-image: url(../../../img/mszikon2/hold_vil.gif);
}

.kedvencLista span {
	background-image: url(/img/mszikon2/kedven_vil.gif);
}

.dark .kedvencLista span {
	background-image: url(/img/mszikon2/kedven_sot.gif);

}

.hambimenu span {
	background-image: url(/img/mszikon2/menu_vil.gif);
}

.dark .hambimenu span {
	background-image: url(/img/mszikon2/menu_sot.gif);
}

/* under 990px menuhoverkeret span margin is 0px 6px; */
@media only screen and (max-width: 990px) {
	.menuhoverkeret {
		margin: 0px 6px;
	}

	#mirolszolkerdes {
		height: 48px;
	}
}

article p {
	text-align: left;
}

.relativ {
	position: relative;
}

.kerdojel {
	display: none;
}

/*  csak 1000px felett */
@media only screen and (min-width: 1000px) {

	.kerdojel {
		display: none;
		position: absolute;
		top: 8px;
		right: 162px;
		width: 20px;
		height: 20px;
		font-size: 1.4em;
		z-index: 100;
	}
}

/*  csak 1000px felett */
@media only screen and (min-width: 1600px) {

	.kerdojel {
		display: block;
		position: absolute;
		top: 8px;
		right: 220px;
		width: 20px;
		height: 20px;
		font-size: 1.4em;
		z-index: 100;
	}
}

/* 990px alatt */
@media only screen and (max-width: 990px) {
	.fixed-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 50;
		padding: 9px 0px 0px;
		border-radius: 0px;
		background: url('/img/hatter_rez.jpg') repeat #dec29a;


		transition: none;
	}

	.arnyekolas {
		box-shadow: 0px 5px 10px #00000060;
	}

	.dark .fixed-nav {
		background-color: #160307;
		box-shadow: 0px 5px 10px #ffffff30;
	}

	.fixed-nav .mobillogok {
		display: none;
	}

	.fixed-nav .lapcim {
		display: none;
	}

}

/* bezáró karika X -szel  */
.mobmenu {
	position: relative;
}

.mobmenuBezaras {
	display: none;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 330px;
	left: calc(50% - 20px);
	background-color: #e6c288;
	border-radius: 20px;
	border: 1px solid #795030;
	z-index: 1;
	cursor: pointer;
	line-height: 40px;
	text-align: center;
	font-size: 1.5em;
	color: #795030;
	box-shadow: 0px 0px 10px #00000060;
	font-weight: bold;
}

.mobmenuBezaras2 {
	margin-bottom: 10px;
	cursor: pointer;
}

.sideGoMainP {

	border-radius: 20px 20px 20px 20px;
	width: 42px;
	height: 42px;
	text-align: center;
	padding: 0px;
	border: 1px solid #795030;
	line-height: 42px;
	float: right;
	cursor: pointer;
}

.homelink {
	cursor: pointer;
	display: inline-block;
	padding: 7px 5px;
	background-image: url(/img/mszikon2/lenyilo_vil.gif);
	background-repeat: no-repeat;
	height: 30px;
}



.dark .homelink {
	background-image: url('/img/mszikon2/lenyilo_sot.gif');
	color: #ceb590;
}

.sideGoMainP:hover {
	background-color: #ffffff30;

}

.sideGoMainP .homelink {

	width: 40px;
	background-position-x: 0;
	background-size: 70%;
	background-position-y: bottom;
	background-position-x: center;
}

.tkcim {
	font-weight: normal;
	font-size: 1.1em;
	display: inline-block;

}

.bannercenter {
	max-width: 800px;
	margin: 0 auto;
	padding: 0px 10px;

}

.pontozas {
	float: left;
	color: #000;
	font-size: 1em;
}

.dark .pontozas {
	color: #ceb587;
}

.pontos .linkspan {
	margin-left: 40px;
}

.ic-komisz {
	display: inline-block;
	position: relative;
	width: 101px;
	/* Ikon szélessége */
	height: 101px;
	/* Ikon magassága */
	background-image: url('/img/telogomb_nagy.png');
	/* Alapértelmezett ikon */
	background-size: cover;
	/* Ikon méretaránya megtartása */
	transition: background-image 0.3s;
	/* Animáció a hover-re */
}

.ic-komisz:hover {
	background-color: transparent;
	background-image: url('/img/telogomb_nagyfeny.png');
	/* Hover ikon */
}


.ic-komisz:hover::before {
	width: auto;
	/* Szöveg mutatása hover esetén */
}

.ic-kiskomisz {
	display: inline-block;
	position: relative;
	width: 50px;
	/* Ikon szélessége */
	height: 50px;
	/* Ikon magassága */
	background-image: url('/img/telogomb_pici.png');
	/* Alapértelmezett ikon */
	background-size: cover;
	/* Ikon méretaránya megtartása */
	transition: background-image 0.3s;
	/* Animáció a hover-re */
}

.ic-kiskomisz:hover {
	background-color: transparent;
	background-image: url('/img/telogomb_nagyfeny.png');
	/* Hover ikon */
}

a.iosgomb.aktiv {
	color: #fff !important;
}

.mentesindicator {
	position: fixed;
	bottom: 10px;
	right: 10px;
	min-width: 30px;
	height: 30px;
	background-color: green;
	display: none;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	padding: 0px 10px;

}

.mentesindicator nok {
	background-color: red;
}


/* Osztály stílusának beállítása */
.vers-kiemeles {
	display: block;
	background-color: #ffffff50;
	padding: 20px 30px;
	font-family: 'Courgette', sans-serif;
	line-height: 1.2em;
	font-size: 18px;
	font-style: normal;
	margin: 10px 0px;
}

.balgomb {
	display: none;
	position: fixed;
	left: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	background: #ffffff20;
	border: 2px solid #ffffffff;
	color: #000;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
}

.boldit {
	top: 30vh;
}

.italit {
	top: calc(30vh + 55px);
}

.cimit {
	top: calc(30vh + 110px);
}

.tortit {
	top: calc(30vh + 165px);
}

.lebold {
	top: calc(30vh + 230px);
}



.pecset {
	float: right;
	margin: 0px 0px 10px 2px;
	width: 100px;
}

@media (max-width: 800px) {
	.pecset {
		width: 70px;
	}
}


.tooltip-inner {
	max-width: 200px;
	padding: .25rem .5rem;
	color: #000;
	text-align: center;
	background-color: #b9aa82;
	border-radius: .25rem;
	box-shadow: 2px 2px 3px #00000080;
}

.arrow::before,
.bs-tooltip-top .arrow::before {
	top: 0;
	border-width: .4rem .4rem 0;
	border-top-color: #89775f;
}

@font-face {
	font-family: 'Kalam Sans';
	src: url('/assets/fonts/kalam.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/** betü: /assets/fonts/kalam.ttf */



.hirdetmeny {
	color: #0F2F5A;
	font-weight: bold;
	;
	padding: 0px 0px;
	/*santell*/
	font-family: 'Kalam Sans', sans-serif;
}

.flex-container {
	display: flex;
	align-items: stretch;
	justify-content: center;
	padding: 0px 10px;
}


.mobillogo_flex {
	position: relative;
}

.mobillogo_flex .mobikeresoflex {
	position: absolute;
	top: -1px;
	width: 0px;
	height: 50px;
	background-color: #fff;
	display: none;
	border: 1px solid #fff;
	outline: none;
	border-radius: 10px;
	transition: width 1s ease;
	left: 0px;

}

.mobillogo_flex .mobikeresoflex.aktiv {
	display: block;
	width: 100%;
	transition: width 1s ease;
}

.mobillogo_flex .moblogo-flex {
	width: 100%;

	width: 53vw;
	height: 50px;
	background: url(/img/logo_rezvil_ti-uj2.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.kartya_ikon img {
	height: 100%;
	
}

.kartya_ikon {
	display: inline-block;
	padding: 2px 0px;
	border: none;
	outline: none;
	margin-left: 5px;
	width: 80px;
    height: 80px;
	background-color: transparent;
	text-align: center;

}

.hambiGomb_flex {
	display: inline-block;
	padding: 2px 0px;
	border: none;
	outline: none;
	margin-left: 5px;
	width: 50px;
	height: 50px;
	background-color: transparent;
	text-align: center;

}

.mobkeresoGomb_flex {
	display: inline-block;
	padding: 2px 0px;
	border: none;
	outline: none;
	margin-left: 5px;
	width: 50px;
	height: 50px;
	background-color: transparent;
	text-align: center;

}

.mobkeresoGomb_flex span {
	background-image: url(/img/mszikon2/nagyi_vil.gif);
	width: 30px;
	height: 30px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	outline: none;
	margin: auto;
}

.hambiGomb_flex span {
	background-image: url(/img/mszikon2/menu_vil.gif);
	width: 30px;
	height: 30px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	outline: none;
	margin: auto;
}