*,*::before,*::after{margin: 0;padding: 0;box-sizing: border-box;}

.focim h2 {
	font-size: 24px;
	margin: 0 0 10px;
	line-height: 32px;
	background: url(./images/logo-2.png) no-repeat left center;
	padding: 0 0 0 35px;
	color: #3f0102;
}

.zarva > div > div {display: none !important;}
.zarva h3 {margin-bottom: 0px  !important;
background:url(./images/open-2.png) no-repeat right center !important;}




.loaderBox{width:60px;margin:30px auto}.loader{border:4px solid #fff;border-radius:50%;border-top:4px solid red;width:60px;height:60px;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

#slider{width:100%;background:#c7c7c7;position:relative;border:2px solid #1f1f1f;overflow:hidden}#slider img{width:100%;height:auto;vertical-align:middle}#slider>div#bg{position:static}#slider>div{width:100%;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;top:0;left:100%}.fromRight{-webkit-animation:fromRight 1s ease-in-out;animation:fromRight 1s ease-in-out}.toLeft{-webkit-animation:toLeft 1s ease-in-out;animation:toLeft 1s ease-in-out}.fromLeft{-webkit-animation:fromLeft 1s ease-in-out;animation:fromLeft 1s ease-in-out}.toRight{-webkit-animation:toRight 1s ease-in-out;animation:toRight 1s ease-in-out}@-webkit-keyframes fromRight{0%{left:100%}100%{left:0}}@keyframes fromRight{0%{left:100%}100%{left:0}}@-webkit-keyframes toLeft{0%{left:0}100%{left:-100%}}@keyframes toLeft{0%{left:0}100%{left:-100%}}@-webkit-keyframes fromLeft{0%{left:-100%}100%{left:0}}@keyframes fromLeft{0%{left:-100%}100%{left:0}}@-webkit-keyframes toRight{0%{left:0}100%{left:100%}}@keyframes toRight{0%{left:0}100%{left:100%}}#eloreBtn,#hatraBtn{cursor:pointer;position:absolute;top:50%;color:#fff;font-weight:700;-webkit-transition:.6s ease;transition:.6s ease;border-radius:0 3px 3px 0;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);text-align:center;padding:3px 0;border:0;display:block;height:30px;width:30px;left:5px;border-radius:3px;background:rgba(0,0,0,.3)}#eloreBtn{left:initial;right:5px}.hka-disabled{opacity:.3}#eloreBtn:hover,#hatraBtn:hover{background-color:rgba(0,0,0,.8)}



.footer-mod {
	text-align: center;
	/* padding: 5px 0 10px; */
	margin: 0;
	padding: 30px 28px 10px;
	background: #353535;
}
.terkep {
  background: #ededee;
	border: 2px solid #222;
	border-radius: 2px;
  margin: 0 0 15px;
  min-height: 100px;
}

.honlap-ajanlo {
	background: #fff;
	text-align: left;
	padding: 15px;
	border: 2px solid #333;
}

.honlap-ajanlo p {
margin: 0;
}

.honlap-ajanlo a {
  white-space: nowrap;
}

.hka-kiemeles {
	margin: 0 0 20px;
	background: #f7f7f7;
	border-left: 5px solid #f86d18;
	border-radius: 3px;
	padding: 5px 0 5px 10px;
}

body {
	padding: 20px 10px;
	font: 16px Roboto;
	color: #222 !important;
	background-image: url("./images/02.jpg");
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.hka-wrapper {
	background: rgba(255, 255, 255, 0.3);
	padding: 20px;
	max-width: 800px;
	margin: 0 auto;
	border-radius: 2px;
}
.hka-wrapper-inner {
	background: #fff;
	padding: 20px 30px;
	border-radius: 2px;
	border-top: 3px solid #3c8a22;
}

.diavetito {
	margin: 0 auto 20px;
	max-width: 810px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 0 3px 1px #555;
}

.artabla {
  padding: 3px 20px 3px 10px;
}
.artabla tr td:last-of-type {
  text-align: right;
}


.slider {
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
}

.slider img {
  width: 100%;
}

.ez-a-grides {
	display: flex;
	flex-direction: column;
}

.ez-a-grides {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 3px 1px #555;
	border-radius: 3px;
}
.dupla {
  display: flex;
}



.kiemeles {
	display: flex;
	flex-direction: column;
	padding: 10px 20px 10px 0;
	min-width: 250px;
}

.kiemeles table {flex-grow: 1;}


.kiemeles div {
	flex-grow: 2;
	text-align: left;
	padding: 20px 0 0 00px;
}




table td {
	border: none;
	padding: 2px 5px;
}

li.active > a {
	background: #3c8a22;
	color: #fff !important;
}




.hka {
	color: #ccc;
	padding: 15px 0 5px;
	font-size: 15px;
}

.hka a:link, .hka a:visited {
  color: #ccc;
}
.hka a:hover {
  font-weight: bold;
}

.ajanlasok {
display: flex;
}
.ajanlasok > div {
  margin: 10px; padding: 10px; border: 1px solid #ddd; border-radius: 5px;
}

.menuArrow{display:block;width:8px;height:8px;float:right;margin:18px 0 2px 7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}ul li ul li .menuArrow{transform:rotate(-45deg)}




.module_picitle {
  margin: 0 0 15px;
}

h1 {
	color: #222;
	font-size: 18px;
	margin: 0 0 12px;
	text-align: left;
}

h2 {
	margin: 0 0 20px;
	font-size: 18px;
}


#grid {
	margin: 0 auto 0;
	max-width: 810px;
	/*display: grid;*/
	grid-template-columns: 310px auto;
	grid-gap:25px;
}




.main-image-mod {
  padding: 0px;
  overflow: hidden;
}


.left-side-mod ul,
.content-mid ul {margin: 10px 0 20px 25px;}

.left-side-mod ul li,
.content-mid ul li {margin-bottom: 5px;}
.main-image-mod img {width: 100%;}








/* desktop */
@media only screen and (min-width: 800px) {
    

  
  .content-mid {
    grid-row: 1;
    grid-column: 1 / span 2;
  }
  

  
  
  body {
    padding-top: 15px;
  }
  
  #menuText,
  #ccc {
    display: none;
    }
  
.mobMenu {
	padding: 0 0 15px;
}


    
.mobMenu ul {
	margin: 0;
	background: #222;
	border-radius: 2px;
}

  .mobMenu ul li {
      /* float: left; */
      list-style-type: none;
      display: inline-flex;
      border-right: 1px solid #444;
  }

  .mobMenu ul li a {
      padding: 0 10px;
      color: #eee;
      text-decoration: none;
      font-size: 16px;
    display: block;
    line-height: 46px
  }
}

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

.kiemeles {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-self: self-start;
}
  
  .dupla {
  display: flex;
 flex-direction: column;

}
  .kiemeles div {
	flex-grow: 2;
	text-align: center;
	padding: 0 0 0 10px;
	align-self: center;
}

  
  .ajanlasok {
	display: flex;
	flex-wrap: wrap;
	}
  
  
  #flex > div {
    width:100%;
    margin:0px;
  }
  body {
    padding: 50px 10px 10px !important;
  }
  
  .mobMenu {
    display: inherit;
  }  



 
  

  

  .mobMenu {
      width: 100vw;
      position: fixed;
      top: 0;
      left: 0;
    z-index: 999;
  }

  #menuText {
      background: #121212;
      position: absolute;
      width: 100vw;
      z-index: 77;
      height: 40px;
      color: #eee;
      line-height: 40px;
      font-size: 20px;
      padding-left: 10px;
      cursor: pointer;
      border-bottom: 1px solid #444;
  }

  .mobMenu ul {
      position: absolute;
      top: 40px;
      width: 100%;
      background: #181818;
      transform: translate(0, calc(-100% - 40px));
      transition: 300ms transform;
  }

  .xDown ul {
      width: 100%;
      transform: translate(0, 0);
  }

  .mobMenu ul li a:link,
  .mobMenu ul li a:visited
   {
      padding: 10px;
      font-size: 16px;
      /* background: red; */
      display: block;
      color: #fff;
      text-decoration: none;
      /* font-family: roboto; */
  }


  .burgerMenu {

      cursor: pointer;
      position: fixed;
      top: 0px;
      right: 10px;
      z-index: 99;
  }


  .bar1,
  .bar2,
  .bar3 {
  width: 35px;
  height: 5px;
  background-color: #30bf00;
  margin: 6px 0;
  transition: 0.4s;
  box-shadow: 1.5px 1.5px #0e0d0d;
  }

  .change .bar1{
      -webkit-transform: rotate(-45deg) translate(-9px, 6px);
      transform: rotate(-45deg) translate(-9px, 6px);
      box-shadow: 1.5px 1.5px #0e0d0da1;
  }

  .change .bar2 {
      opacity: 0;
  }

  .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px);
      transform: rotate(45deg) translate(-8px, -8px);
  }

  
}

/* mobil reszlet vege*/
/* fomenu foleg asztali  */




.mobMenu ul li {
  position: relative;
}
.mobMenu ul li ul {
	position: absolute;
	top: 46px;
	background: #333;
	display: none;
  width: 220px;
  animation-name: ul-in;
  animation-duration: 450ms;
  animation-timing-function: ease;
  z-index: 99;
  border-radius: 0px;
}

@keyframes ul-in {
  0%   {opacity:0; left:40px; }
  100%  {opacity: 1; left:0px;}
}



.mobMenu ul li.clicked > ul {
  	display: block;
}

.mobMenu ul li ul li {
	display: block;
	white-space: nowrap;
	padding: 0px;
	position: relative;
}
.mobMenu ul li:hover {
  background: #000;
}


.mobMenu ul li ul li ul {
	position: absolute;
	left: 220px;
  top: 0px;
	background: #555;
	display: none;
	width: 200px;
  animation-name: ul-ul-in;
  animation-duration: 450ms;
  animation-timing-function: ease;
}

@keyframes ul-ul-in {
  0%   {opacity:0; top:40px; }
  100%  {opacity: 1; top:0px;}
}






.mobMenu ul li ul li ul li {
	display: block;
	white-space: nowrap;
}


/* fomenu asztali vege */


/* fomenu mobilon */
@media only screen and (max-width: 799px) {

  .mobMenu ul li ul {
      position: initial;	
      background: #333;
      display: none;
    width: 100%;
  }
  .mobMenu ul li ul li ul {
      position: initial;
      top: 0;
      left: 0;
      background: #777;
      display: block;
      width: 100%;
  }

}

iframe {
	max-width: 100%;
	width: 100%;
}


#gdprD{position:fixed;bottom:0;left:0;background:rgba(0,0,0,.85);color:#fff;padding:10px;width:100%;font-size:.9em;transition:1s all;display:flex;flex-wrap:wrap;z-index:8888}.gdprVis{opacity:1}.gdprHid{opacity:0!important}#gdprD p{margin:5px;align-self:center}#gdprD>div{display:flex}#gdprD button{border-color:transparent;border-radius:5px;display:block;padding:0 .5em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;cursor:pointer;margin:0 10px;height:26px}#gdpr-ok{color:#000;min-width:140px;background-color:#f1d600}#gdpr-ok:hover{background-color:#fffc26}#gdprD a:link,#gdprD a:visited{color:#eee;text-decoration:none}#gdprInfo{color:#eee;min-width:80px;background-color:#444}

#myBtn{display:none;position:fixed;bottom:5px;right:5px;z-index:99;font-size:14px;width:auto;border:none;outline:0;background-color:#111;color:#fff;cursor:pointer;padding:5px;border-radius:4px;animation-name:to-top;animation-duration:1.5s;animation-timing-function:ease;z-index:105;opacity: 0.7}#myBtn:hover{background-color:#111;opacity:1}@keyframes to-top{0%{opacity:0}100%{opacity:0.7}}html{scroll-behavior:smooth}






#lablecmenu {padding:10px 0 5px; text-align: center;}


ul.sigProClassic{margin:0 auto !important;padding:0 0 7px !important;}
#fancybox-buttons.top{display:none;}
.fancybox-nav span{opacity:0.35;visibility:visible;}
.fancybox-nav:hover span{opacity:1.0;visibility:visible;}
.fancybox-close{bottom:-18px !important;left:-18px !important;top:inherit;z-index:9999;}
div.sigProModulePosition{background:none repeat scroll 0 0 #FFFFFF;border-bottom:0 solid #CC0033;border-top:0 solid #CC0033;margin:4px 0 0;padding:0px;text-align:center;}
.forrasok{height:100px;padding-top:25px;}
.clr{clear:both;overflow:hidden;font-size:0;line-height:0;}

form{padding:0;margin:0;}
iframe{border:none;}
dl dd{padding:0 0 0 10px;margin:0;}
fieldset{border:none;margin:0;padding:0;}
p{margin:0px 0 15px;text-align:justify;}
table{border-collapse:collapse;}
table, table th, table td{border:none;}
#system-message{margin:0;}
#system-message dt.warning{color:#be4e4c;margin:0 0 10px;font-size:16px;font-weight:700;}
#system-message dd.warning li{line-height:20px;padding:0 0 0 20px;}