@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: #fbe5af;
	background: url('/img/hatter_rez.jpg') repeat #fbe5af;
  
  }
  
  .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-uj.png?r=2);
	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: 3px;
	margin: 20px 10px;
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(51, 51, 51, 1) 45%, rgba(51, 51, 51, 1) 55%, rgba(255, 255, 255, 0) 100%);
  }
  
  .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 #fbe5af;
  
  
	  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;
}