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

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/subset-Roboto-Regular/subset-Roboto-Regular.eot');
  src: url('./fonts/subset-Roboto-Regular/subset-Roboto-Regular.eot?#iefix') format('embedded-opentype'),
      url('./fonts/subset-Roboto-Regular/subset-Roboto-Regular.woff2') format('woff2'),
      url('./fonts/subset-Roboto-Regular/subset-Roboto-Regular.woff') format('woff'),
      url('./fonts/subset-Roboto-Regular/subset-Roboto-Regular.ttf') format('truetype'),
      url('./fonts/subset-Roboto-Regular/subset-Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*diavetito*/
/* 800 felett */ 

@media only screen and (min-width: 800px) {
  #diablokk {
    margin: 0 0 20px;
    background: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 3px 0 #999999;
  }
  #slider {
    width: 100%;
    overflow: hidden;
    display: flex;
    gap: 20px;
  }
  .diavetito {
    margin: initial;
    max-width: initial;
    border-radius: initial;
  }
  #slider > div#bg {
    position: static;
    display: none;
  }
  #slider>div{width:100%;-webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    position:initial;
    top:0;
    left:100%}
  #eloreBtn, #hatraBtn {
    display: none !important;
  }

  #slider img {
    margin: 0px;
    background: #fff;
  }

}
#slider picture {
  display: block;
}
#slider img{width:100%;height:auto;vertical-align:middle}#slider>div#bg{position:static}.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)}
.pic-title {display: block; position: relative;}
.pic-title > span {
	position: absolute;
	width: 100%;
	background: rgba(255, 0, 0, 0.85);
	color: rgb(247, 247, 255);
	bottom: 5px;
	left: 0;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-size: 18px;
	text-align: center;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font-weight: bold;
	letter-spacing: 1px;
}
.diaLink {
	border: 1px solid #B5B5B5;
	display: block;
	padding: 3px;
	border-radius: 3px;
}
@media only screen and (max-width: 799px) {
  #slider {
    width: 100%;
    background: #c7c7c7;
    position: relative;
    border: 2px solid #1f1f1f;
    overflow: hidden;
    box-shadow: 0 0 2px 0px #555;
    border-radius: 5px;
  }
  .diavetito {
    max-width: 800px;
    width: 100%;
  }

    #slider>div{width:100%;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;top:0;left:100%}

    .diaLink {
      border: 0px !important;
      padding: 0px !important;
    }

}






.content-mid {
	background: #FFFFFF;
	padding: 15px 15px 15px;
	border-radius: 7px;
	box-shadow: 0 0 3px 0 #999999;
  width: 100%;
}


#hka-gallery{display:flex;flex-wrap:wrap;gap:10px 10px;margin:0 0 20px}.gall-item{margin:0}.gall-item a{padding:4px;border:1px solid #ccc;box-shadow:3px 3px 5px #888;background:#fff;display:block}.gall-item a:hover{border:1px solid #464646;background:#e8e8e8}.gall-img{max-width:200px;max-height:100px;vertical-align:middle}.row>.column{padding:0 8px}.row:after{content:"";display:table;clear:both}.column{float:left;width:25%}#felso-sav{height:10vh;background:#3f3f3f}.modal-content{height:70vh}#also-sav{height:20vh;background:#413d3d}.modal-content img{width:auto;height:auto;max-height:70vh;max-width:100%;margin:0;padding:0}.modal{display:none;position:fixed;z-index:9999901;left:0;top:0;width:100%;height:100vh;overflow:hidden;background-color:rgba(0,0,0,.85);padding:30px}.modal-content{background-color:#fefefe;margin:auto;padding:0;border-radius:5px;width:auto;max-width:90vw;height:auto;max-height:90vh;display:flex;justify-content:center}.inner{position:relative;height:auto;display:inline-flex;background:#f5f5f5;padding:6px;flex-direction:column;border-radius:5px}.close{color:#fff;position:absolute;top:-15px;right:-15px;font-size:25px;font-weight:700;background:#000;border-radius:50%;width:30px;height:30px;line-height:25px;text-align:center;border:2px solid #fff}.close:focus,.close:hover{color:#999;text-decoration:none;cursor:pointer}.cursor{cursor:pointer}.next,.prev{cursor:pointer;position:absolute;top:50%;padding:16px;color:#fff;font-weight:700;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;background-color:rgb(0,0,0,.3);transform:translate(0,-50%);width:40px}.next{right:6px;border-radius:3px 0 0 3px}.next:hover,.prev:hover{background-color:rgba(0,0,0,.8)}.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}.caption-container{text-align:center;background-color:rgba(0,0,0,.8);padding:2px 16px;color:#fff;bottom:0;left:0;width:100%}.demo{opacity:.6}.active,.demo:hover{opacity:1}img.hover-shadow{transition:.3s}.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}




.focim h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  /* 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;}

hr {
	margin: 0 0 10px;
}

#diablokk {
	display: flex;
	/* gap: 20px; */
	/* padding: 20px; */
	margin: 0 0 20px;
}

#fiximg {
	max-width: 290px;
	position: relative;
	border: 2px solid #343434;
	border-radius: 5px;
}

#fiximg img {
	width: 100%;
	vertical-align: middle;
}

#fixspan {
	background: none repeat scroll 0 0 #DF1B1B;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	height: 48px;
	left: 50%;
	letter-spacing: 0.7px;
	line-height: 22px;
	opacity: 0.9;
	padding: 1px 0;
	position: absolute;
	text-align: center;
	bottom: 10px;
	/* width: 246px; */
	transform: translate(-50%);
	width: 90%;
}







.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)}}

#aform{max-width: 400px}#aform h3{padding:5px 15px;margin:0 0 20px;font-size:18px}#aform-inner p{margin:0 0 20px}#aform-inner ul{padding:5px 0 5px 40px;margin:0 0 15px}#aform-inner ul li{margin:0 0 5px}.fr-blk{padding:5px 10px;margin:0 0 5px}.fr-blk input,.fr-blk textarea{width:100%;max-width:100%;min-width:50%;padding:5px;border-radius:3px;border:1px solid #ccc;box-shadow:1px 1px 2px 0px #d7d7d7}.fr-blk textarea{min-height:40px}.fr-blk.b{display:none}.fr-blk input[type=checkbox]{width:initial;min-width:initial}.fr-blk input[type=button]{width:initial;min-width:initial;color:#fff;background:#04c;font-weight:700;letter-spacing:1.2px;padding:6px 12px;cursor:pointer}.fr-blk input[type=button]:hover{background:#0037a5;text-decoration:underline}.lable{padding:0 0 2px 3px}.gdpr-A{color:#222!important}.form-error{background:#fdcdc9}.form-error input{border:1px solid red;box-shadow:0 0 2px red;background:#ffeded}.fr-error {
	color: #c60000 !important;
	font-weight: 700;
	font-size: 15px !important;
	padding: 5px 0 5px !important;
}.msgback {padding: 20px; background: rgb(247, 247, 255); border: 1px solid rgb(158, 158, 255); margin: 0 0 25px}.msgback p:last-of-type{margin: 0 !important;}.fr-error {display: none} .form-error .fr-error {display: block;}.fs-14{font-size: 14px}






.footer-mod {
	text-align: center;
	/* padding: 5px 0 10px; */
	margin: 0;
	padding: 0;
	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: 50px 0 0;
	font-size: 16px;
  font-family: Roboto, Verdana, Tahoma, sans-serif;
	color: #222 !important;
	background: #e5e2d9 url(./images/hatter-01.png) repeat top center;
}

.hka-wrapper {
	padding: 20px;
	margin: 0 auto;
	border-radius: 2px;
  min-height: 90vh;
  max-width: 1040px;
}
.hka-wrapper-inner {
  color: initial;
}


.bott-wrap {
	padding: 0 20px 30px;
	margin: 0 auto;
	border-radius: 2px;
}
.bott-wrap-inner {
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	border-radius: 7px;
	box-shadow: 0 0 3px 0 #999999;
}

.mobilon-hivas {
  color: #222;
  margin: 0 0 5px;
  padding: 5px 0;
  text-decoration: none;
}

.mobphone .bev {margin: 0 0 15;}
.mobphone .cont {margin: 0;}
.hivaslbl {display: none;}


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

  .mobilon-hivas {
    background: #ff0000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin: 0 0 5px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
  }

  .hivaslbl {display: initial;}


}





.logo-mod {
  padding: 0px 20px 0;
}

.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: #3b62fb;
	color: #fff !important;
}




.hka {
	color: #ccc;
	padding: 15px 0 10px;
	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;
}


img {
	max-width: 100%;
	height: auto;
}




.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%;}


#flexDiv {
	margin: 0 auto 0;
	display: flex;
	justify-content: space-between;
}
.ajanlok {
  min-width: 250px;
  width: 250px;
  padding: 0 0 0 20px;
}

@media only screen and (max-width: 799px) {
  #flexDiv {
    flex-direction: column;
  }
  .ajanlok {
    padding: 20px 0 0 0;
    width: auto;
    min-width: 10px;

  }
}

.ajanlok-inner {
	padding: 15px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 2px 0 #777;
}



#menuUl-box {
	background: #222;
	box-shadow: 0 0 3px #aaa;
	z-index: 55;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

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

  
  .content-mid {
    grid-row: 1;
    grid-column: 1 / span 2;
  }
  
  
  #menuText,
  #ccc {
    display: none;
    }
  
.mobMenu {
	padding: 0;
}


    
.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 5px;
      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: 40px 0 0 !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: #ffffff;
  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;}
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;}








































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

  .mobMenu ul {transition: 500ms all;}
  .stickyUlDiv ul {padding: 10px 0 !important;}
  #stickyLay {max-width: 910px;margin: 0px auto;}
  .mobMenu ul li ul {position: absolute;top: 50px;width: 235px;}
  .mobMenu ul li ul li ul {position: absolute;left: 235px;width: 235px;}
 
}