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

.hidden {
  display: none !important;
}
.popup-info-layer {
	display: flex;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
  padding: 15px;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* background-color: rgb(0, 0, 0); */
	background-color: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
  z-index:99999;
}
.popup-info-inner {
	max-width: 500px;
	background: #fff;
	padding: 5px 15px 15px;
	border-radius: 5px;
	box-shadow: 0 0 5px #000;
 max-height: 90%;
  overflow: auto;
  position: relative;
    transform: translateY(60%) scale(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.animated {
	    transform: translateY(0) scale(1) !important;

}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 8px;
}

::-webkit-scrollbar:horizontal {
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(112, 136, 44);
    background-color: rgba(112, 136, 44, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}


.popup-info-layer #uzenete {
  width: 100%;
}

.popup-close-div {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 5px;
}

.popup-close {
	background: #d6ec99;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #596a26;
	font-size: 18px;
	color: #314200;
  cursor: pointer;
}

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
	display: inline-block;
	min-height: 25px;
	padding: 4px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 18px;
	color: #353535;
	box-sizing: border-box;
}

p.formDescription {
  margin: 0 0 10px;
}
.formResponsive .formError {
	color: #fff;
	padding-left: 5px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: normal;
	margin: 3px 5px 3px 0;
	height: 18px;
	display: block;
	background: red;
}
.formResponsive {
	margin: 0 0 0;
}



.adatlapon-kiadva-sav {
	background-color: #fff1f1;
	border: 1px solid #eabdc4;
	color: #9f2f2d;
	margin: 0 0 15px;
	padding: 10px;
	border-radius: 3px;
}
.adatlapon-kiadva-sav p {
  margin: 0px; line-height: 24px;
}

.adatlapon-kiadva-sav a {
	border: 1px solid rgba(0,0,0,0.2);
	color: #fff;
	background-color: #2384d3;
	padding: 3px 8px;
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
}


.kiadva {
	background: #ffeded;
}

.kiadva .kiadva {
	background: #f00;
	display: inline-block;
	/* height: 30px; */
	/* width: 80%; */
	padding: 1px 15px;
	border-radius: 3px;
	letter-spacing: 0.5px;
	color: #fff;
	font-size: 16px;
}

.fullFlatBlock {
	display: flex;
	flex-flow: row wrap;
}

.flatBlock {
	padding: 15px;
	text-align: center;
	border: 1px solid #aaa;
	width: 220px;
	margin: 10px;
	box-shadow: 0 0 3px 1px #ddd;
	border-radius: 3px;
}

.flatBlock img {
	padding: 4px;
	border: 1px solid #ddd;
	margin: 0 0 10px;
	width: 100%;
}


.flatBlock short {}


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

li.active > a {
	color: #ffffff;
	border-right-color: #444;
	border-left-color: #444;
	border-bottom: 2px solid #fff;
  background: rgba(89, 106, 38, 1);
}


.side-mod-right  {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 3px 1px #555;  
	border-radius: 2px;
  min-height: 180px;
}
.side-mod-right .custom {
  width: 100%;
  height: 100%;
  
}
.side-mod-right .custom .image-bg {
  width: 100%;
  height: 100%;
  background-image: url("../images/01.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}









.hka, .hka a:link, .hka a:visited {
  color: #000;
}
.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);display:none;}


body {
	background: #161616;
  padding: 0 10px;
	font: 16px Roboto;
	color: #222 !important;
	background: #8eb22a url("../images/hatter-zaj.png") repeat center left fixed;
}

.module_picitle {
  margin: 0 0 15px;
}

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





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

.ajanlo {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 3px 1px #555;  
	border-radius: 2px;
}


.side-mod-left  {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 3px 1px #555;  
	border-radius: 2px;
}
.side-mod-left table {
  margin: 10px 0;
}
.side-mod-left table tr td {
	padding: 2px 5px;
}




.terkep, .logo-mod, .content-mid  {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 3px 1px #555;  
	border-radius: 2px;
}

.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) {
    
  .logo-mod {
    grid-row: 1;
    grid-column: 1 / span 2;
  }
  
      
  .mobMenu {
    grid-row: 2;
    grid-column: 1 / span 2;
  }  
  

  .side-mod-left {
    grid-row: 3;
    grid-column: 1 / span 1;
    box-sizing: content-box;
  } 

  
  .content-mid {
    grid-row: 4;
    grid-column: 1 / span 2;
  }
  
  .ajanlo {
    grid-row: 5;
    grid-column: 1 / span 2;
  }  
  
    .terkep {
    grid-row: 6;
    grid-column: 1 / span 2;
  }  
  
 
  .footer-mod {
    grid-row: 7;
    grid-column: 1 / span 2;
  }  
  
  
  body {
    padding-top: 15px;
  }
  
  #menuText,
  #ccc {
    display: none;
    }
  
  .mobMenu {}

  #menuUl-box > ul {
  border: 2px solid #3a480f;
  }
    
  .mobMenu ul {
      margin: 0;
  background-image: linear-gradient(#333333, #151515);
    border-radius: 4px;

  }

  .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;
      font-family: arial;
    display: block;
    line-height: 46px
  }
}

@media only screen and (max-width: 799px) {
  
  .popup-close-div {
   margin-bottom: 10px; 
  }

  
  
  .popup-close {
	width: 33px !important;
	height: 33px !important;
	font-size: 22px !important;
}
  
   
  .ajanlasok {
	display: flex;
	flex-wrap: wrap;
	}
  
  
  #flex > div {
    width:100%;
    margin:0px;
  }
  body {
    padding: 50px 10px 10px !important;
  }
  
  .mobMenu {
    display: inherit;
  }  
  
  .logo-mod {
    grid-row: 1;
    grid-column: 1 / span 2;
  }
 
.side-mod-left {
	grid-row: 3;
	grid-column: 1 / span 2;
}  
  
.side-mod-right {
	grid-row: 2;
	grid-column: 1 / span 2;
}
  
    .content-mid {
    grid-row: 4;
    grid-column: 1 / span 2;
  }
  
  .ajanlo {
    grid-row: 5;
    grid-column: 1 / span 2;
  }  
  
    .terkep {
    grid-row: 6;
    grid-column: 1 / span 2;
  }  
  
 
  .footer-mod {
    grid-row: 7;
    grid-column: 1 / span 2;
  }  
  

  

  .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: #ff5100;;
  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  */

.footer-mod {
	text-align: center;
	padding: 5px 0 10px;
	margin: 0;
}


.mobMenu ul li {
  position: relative;
}
.mobMenu ul li ul {
	position: absolute;
	top: 46px;
	background: #333;
	display: none;
  width: 300px;
  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: #657632;
}


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



.focimmm {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}

.focim .mp {
  align-self: center;
  padding: 3px 0;
	padding-left: 35px;
	background: url("../images/telefon-01.png") no-repeat center left;
	display: block;
	height: 44px;
	line-height: 44px;
	text-align: left;
	font-weight: bold;
}

.focim h2 {
	color: #7a9b17;
	font-size: 30px;
	margin: 0;
	font-family: magneto;
	letter-spacing: 1px;
}
.focim p {
	font-family: magneto;
	font-size: 18px;
  margin: 0px;
}

.focim h2 span {color: #000;}

.focim h2 a:link, .focim h2 a:visited {color: #222; text-decoration: none;}
.focim h2 a:hover {color: #111;}



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

}



#gdprD {
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 10px;
  width: 100%;
  font-size: 0.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 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 15px;border-radius:4px;animation-name:to-top;animation-duration:1s;animation-timing-function:ease;z-index:105}@keyframes to-top{0%{opacity:0}25%{opacity:1}50%{opacity:0}100%{opacity:1}}#myBtn:hover{background-color:#555}html{scroll-behavior:smooth}


/* ez alatt régi */


.pweb_facebook_like {}

input.gsc-search-button {
  background-color: #ff0000;
  border-color: red !important;
  width: auto !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 10px !important;
  width: auto;
}

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


ul.sigProClassic{margin:0 auto !important;padding:0 0 7px !important;}
.fancybox-opened .fancybox-skin{}
.fancybox-opened{}
#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;}

a, img{outline:none;margin:0;padding:0;border:none;color:#0000ff;}
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;}