@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body{margin:0; padding:0; overflow-x:hidden; font-size:16px; line-height:1.3rem;cursor:default;  }
body{width:100%; height:100%; font-family: 'Overpass', sans-serif;  color:#2E4352; }
a{text-decoration:none; color:#2E4352;; transition:0.20s; }
a:hover {cursor:pointer; opacity:0.7;}
p {font-weight:400;font-weight:normal;}
p a{color:#6769B1; font-weight:600}
li a{color:#6769B1; }
img{border:none; height:auto;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0} /*normalizing*/
h1 {font-size : 2.4rem; font-weight:bold; line-height:1.5em;padding-top:0.8em; padding-bottom:0.3em; padding-top: 40px; }
h2 {font-size : 1.9rem;font-weight : bold; line-height:1.5em;padding-top:0.4em; padding-bottom:0.3em;}
h3 {font-size : 1.5rem;font-weight:bold; line-height:1.5em;padding-top:0.5em; padding-bottom:0.4em;}
h3.subtitle {font-size : 1.3rem;font-weight:bold; line-height:1.5em;padding-top:0.0em; padding-bottom:0.4em; color:#008a7b}
h4 {font-size : 1.35rem;font-weight : bold;line-height:1.5em;padding-top:0.5em; padding-bottom:0.4em;}
h5 {font-size : 1.2rem;font-weight : bold;line-height:1.5em;padding-top:0.5em; padding-bottom:0.4em;}
h6 {font-size : 1.1rem;font-weight : bold;line-height:1.5em;padding-top:0.5em; padding-bottom:0.4em;}
.tx07 {font-size : 0.7rem; line-height: normal;}
.tx08 {font-size : 0.8rem; line-height: normal;}
.tx09 {font-size : 0.9rem; line-height: normal;}
.tx10 {font-size : 1.0rem; line-height: normal;}
.tx11 {font-size : 1.1rem; line-height: normal;}
.tx12 {font-size : 1.2rem; line-height: normal;}
.tx13 {font-size : 1.3rem; line-height: normal;}
.tx14 {font-size : 1.4rem; line-height: normal;}
.tx15 {font-size : 1.5rem; line-height: normal;}
.tx18 {font-size : 1.8rem; line-height: normal;}
.tx20 {font-size : 2.0rem; line-height: normal;}
.tx22 {font-size : 2.2rem; line-height: normal;}
.tx25 {font-size : 2.2rem; line-height: normal;}
.tx30 {font-size : 3.0rem; line-height: normal;}
.white{color : #FFFFFF;}
.darkbgtext{color:rgba(255,255,255,.75);}
.white-bg{background-color : #FFFFFF;}
.grey-bg{background-color : #F5F6F7;}
a.anchor {position: relative;top:-90px;display: block;height: 0;width:0;}
section {padding-top:60px; padding-bottom:60px; }
.position-relative{position:relative;}
.container {width : 100%; min-width:240px; max-width : 1140px; margin : 0 auto;}
.container-fullwidth {width : 100%; min-width:240px; margin : 0 auto;}
.conta12-fullwidth{width:50.00%; float:right}
.conta14 {width:25%;  max-width : 285px; float:left}
.conta14.marglr {width:23%;  max-width : 285px; margin-left:1%; margin-right:1%;}
.conta23{width:66.66%;  max-width : 760px; float:left}
.conta12{width:50.00%;  max-width : 570px; float:left}

.conta12.marglr{width:48%; margin-left:1%; margin-right:1%; }
.conta13{width:33.33%;  max-width : 380px; float:left}
.conta13.marglr{width:31.33%; margin-left:1%; margin-right:1%;}
.fr{float:right; margin: auto}
.fl{float:left; }
.box-shadow {box-shadow: 0 8px 40px 0 rgba(38,77,140,.11),0 12px 60px 0 rgba(38,77,140,.11);}
.align-right {text-align : right;}
.align-center {text-align : center;}
.align-left {text-align : left;}
.semi-bold {font-weight :600}
.bold {font-weight :700; font-weight : bold;}
.thin {font-weight :300;}
.clear{clear:both;}
.float-center{float:none; display:block; margin-left: auto; margin-right:auto;}
.float-none{float:none; }
.paddtb{padding-top:30px; padding-bottom:30px;}
.paddt{padding-top:30px;}
.paddb{padding-bottom:30px;}
.paddl{padding-left:30px;}
.paddlr{padding-left:30px; padding-right:30px;}
.paddnull{padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;}

.margtb{margin-top:30px; margin-bottom:30px;}
.margt{margin-top:30px;}
.margb{margin-bottom:30px;}
.margr{margin-right:30px;}
.margl{margin-left:30px;}
ul {margin-left:0; padding-left:0;}
ul li {font-size:1.0rem; }
ul.nomark li{list-style:none;}
ul.normul li{list-style-image: url(../pictures/point.png);}
.idezet {color: #666;font-style: italic;padding: 5px 25px 0px 24px;margin: 0px;}


.introbg-subpage{width:100%; padding-top:120px; min-height:300px; overflow:hidden; }
.img-intro{width:100%; max-width:380px; margin-top:20px;}


.fadein{ opacity:0.0; transition:opacity 1.5s ease;}
.fadein2{transition-delay:0.4s}
.fadein3{transition-delay:0.8s}
.fadein.fadein-visible{ opacity:1.0;}

.button-colorless{padding: 12px 20px; display:inline-block; font-weight:bold;  transition:all ease 0.5s; border-radius:5px; }
.button-small-colorless{padding: 8px 12px; display:inline-block; font-weight:bold; transition:all ease 0.5s;  border-radius:5px; }

#header-contact-line {padding-top: 5px; padding-bottom:5px; height:75px; margin-bottom:10px; line-height:30px; background-color:#E9EFF3; color:#666666; text-align:right;transition:all ease 0.5s; }
#header-contact-line .kapcsolat{ display:inline-block; color:#666666; font-size:0.7rem;  line-height:0.7rem; padding:6px 0px 5px 0px; margin: 5px 0px 5px 0px; }
.maintitle-wrap{ display:inline-block; padding:6px 0px 5px 0px; margin: 5px 0px 5px 0px; }
.header-contacts{font-size:0.8rem; padding-top:18px;}
#mainmenu-wide{padding-top:0px; padding-bottom: 15px; position: fixed;  top: 0px; width: 100%; transition:all 0.35s ease-in-out; z-index:1; border-bottom: 1px solid rgba(255,255,255,0.3); }
#mainmenu-wide .maintitle-wrap {color:#2E4352; transition: opacity 0.2s ease; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; max-height:50px; display:block; float:left; }
#mainmenu-wide .maintitle-wrap .varos {font-size: 1.1rem;color: inherit;padding: 0px 0 0px 0;margin: 2px 0 5px 0;display: inline-block; opacity: inherit;line-height: 2.0em;letter-spacing: 0.2em; }
#mainmenu-wide .maintitle-wrap .tanusitvany {font-size: 1.0rem;padding: 0px 0 0px 0; margin: 2px 0 5px 0;display: inline-block;font-weight: bold;opacity: inherit;line-height: 2.0em;letter-spacing: 0.1em; }
#mainmenu-wide .maintitle-wrap div { height: 40px; width: 40px;  margin: 0px 6px -13px 6px;padding: 0;display: inline-block;background-image: url(../pictures/logo-pecel-gyomro.png); background-size:40px 40px;background-repeat: no-repeat; background-position: 0px 0px;opacity: inherit; }
.header-menu{background-color:#E9EFF3; clear:both}
#mainmenu-wide nav	{margin-top:25px; text-align:center}
#mainmenu-wide nav a {margin-left: 20px;margin-left: 3%; margin-right:20px;margin-right:3%; padding: 15px 20px 10px 20px; display:inline-block;  font-size:0.9rem;  background-color:#E9EFF3}
.white-bg{ background-color:#FFF;}
.active{color:#8ACA13; cursor:default;}
#mainmenu-wide.white-bg  {padding-top: 0px; padding-bottom:5px;top: 0px; }
#mainmenu-wide.white-bg .maintitle-wrap{color:#FFF;}
#mainmenu-wide.white-bg .maintitle-wrap .varos {color:#666; }
#mainmenu-wide.white-bg .maintitle-wrap .tanusitvany {color:#666; }
#mainmenu-wide.white-bg #header-contact-line {color:#666; margin-top:-75px;}


#footer-middle-wide{ min-height : 250px; height: auto; margin-top:0px; padding: 60px 0 60px 0;clear:both; position:relative; font-size: 0.9rem; line-height:1.7rem;background-color:#E9EFF3; overflow:hidden;}
#footer-middle-wide a{font-size:0.9rem;}
#footer-lower-wide{background-color:#FFFFFF;}

#footerhomeicon {margin-top:0px; transition: opacity 0.2s ease; }
#footerhomeicon:hover {opacity: 0.6;cursor: pointer;}
#footerhomeicon  .varos {font-size: 1.0rem;color: inherit;padding: 0px 0 0px 0;margin: 2px 0 5px 0;display: inline-block; opacity: inherit;line-height: 2.4rem;letter-spacing: 0.3rem; }
#footerhomeicon  .tanusitvany {font-size: 0.9rem;padding: 0px 0 0px 0; margin: 2px 0 5px 0;display: inline-block;font-weight: bold;opacity: inherit;line-height: 1.9rem; letter-spacing: 0.1rem;}
#footerhomeicon  div { height: 40px; width: 40px;  margin: 0px 5px -15px 5px;padding: 0;display: inline-block;background-image: url(../pictures/logo-pecel-gyomro.png); background-size:40px 40px;background-repeat: no-repeat; background-position: 0px 0px;opacity: inherit; }
#copy{ font-size:0.8rem;opacity:0.6}


form{width:100%; padding:0 0 0 0; background-color:white; }
form input[type=text]{ width: 100%;  color: #001131;  padding: 5px 2% 5px 2%; line-height: 2.0rem; background-color: rgba(109,124,144,.1); border:none; margin-bottom:7px;}
form select{ width: 100%; color: #001131; padding: 5px 2% 5px 2%; line-height: 2.0rem;height: 44px;  background-color:rgba(109,124,144,.1); border:none;}
p.formtext{ margin-top:15px; color:#001131;  margin-bottom:5px; padding-top:0; padding-bottom:0;  font-size:0.9rem; text-transform:uppercase;}
form textarea{width:100%; padding:5px 2% 5px 2%; margin-bottom:16px; line-height: 2.0em;  background-color:rgba(109,124,144,0.1); border:none;}
form input[type=submit] {width:100%; padding:12px 30px 12px 30px; text-align:center; margin:16px 0 16px 0; font-weight:bold;color:#FFF; border:none; background: linear-gradient(120deg, transparent 0%, #3F4A72 100%);background-color: #313957;}
form input[type=submit]:hover{background-color: #001131; cursor:pointer;}
form input.invalid, form select.invalid, form textarea.invalid{border: 1px solid #F00 !important;}


@media screen and (min-width: 2561px) {
section {padding-top:90px; padding-bottom:90px; }
.container {max-width : 1200px;}
.hamburger-menu {display:none}
.display-only-on-mobile{display:none}

}

@media screen and (max-width: 2560px) and (min-width: 1600px) {
.hamburger-menu {display:none}
.display-only-on-mobile{display:none}

}

@media screen and (max-width: 1599px) and (min-width: 1025px) {

.hamburger-menu {display:none}
.display-only-on-mobile{display:none}
}

@media screen and (max-width: 1024px) and (min-width: 700px){
	
#mainmenu-wide nav a {margin-left: 5px; margin-right:5px;padding: 10px 10px; display:block; float:right;  font-size:0.7rem; }
#mainmenu-wide nav	{margin-bottom:10px;}
.header-contacts{font-size:0.7rem; padding-top:18px;}
#mainmenu-wide .maintitle-wrap .varos {font-size: 0.9rem;color: inherit;padding: 0px 0 0px 0;margin: 2px 0 0px 0;display: inline-block; opacity: inherit;line-height: 2.0em;letter-spacing: 0.1em; }
#mainmenu-wide .maintitle-wrap .tanusitvany {font-size: 0.80rem;padding: 0px 0 0px 0; margin: 2px 0 0px 0;display: inline-block;font-weight: bold;opacity: inherit;line-height: 2.0em;letter-spacing: 0.05em; }
#mainmenu-wide .maintitle-wrap div { height: 40px; width: 40px;  margin: 0px 6px -13px 6px;padding: 0;display: inline-block;background-image: url(../pictures/logo-pecel-gyomro.png); background-size:40px 40px;background-repeat: no-repeat; background-position: 0px 0px;opacity: inherit; }
.hamburger-menu {display:none}
section {padding-top:40px; padding-bottom:40px; }
.container {width : 100%; padding-left:2%; padding-right:2%;}
.container.marglr{width:98%; margin-left:1%; margin-right:1%; }
.conta14 {width:50%;  max-width : 540px; float:left}
.conta14.marglr {width:46%;  max-width : 540px; margin-left:2%; margin-right:2%;}
p{font-size:0.85rem;text-align:left;}
h1 {font-size : 1.9rem; padding-top: 30px; margin-top:30px;}
h2 {font-size : 1.6rem; }
h3 {font-size : 1.3rem; }
h4 {font-size : 1.1rem;}
h5 {font-size : 1.0rem;}
.tx07 {font-size : 0.55rem;}
.tx08 {font-size : 0.65rem;}
.tx09 {font-size : 0.75rem;}
.tx10 {font-size : 0.85rem;}
.tx11 {font-size : 0.95rem;}
.tx12 {font-size : 1.00rem;}
.tx13 {font-size : 1.05rem;}
.tx14 {font-size : 1.10rem;}
.tx15 {font-size : 1.15rem;}
.tx18 {font-size : 1.3rem;}
.tx20 {font-size : 1.4rem;}
.tx22 {font-size : 1.45rem;}
.tx25 {font-size : 1.55rem;}
.tx30 {font-size : 1.7rem;}
.display-only-on-mobile{display:none}

}

@media screen and (max-width: 699px){
html, body, p{text-align:left;}
.container {width : 100%; padding-left:2%; padding-right:2%;}
.container.marglr{width:98%; margin-left:1%; margin-right:1%; }
.conta14 {width : 100%;  max-width:unset !important;  padding-left:2%; padding-right:2%; float:none;}
.conta14.marglr {width:100%; max-width:unset !important; margin-left:0%; margin-right:0%;}
.conta13 {width:100%;max-width:unset !important; float:none;}
.conta13.marglr {width:100%; max-width:unset !important; margin-left:0%; margin-right:0%;}
.conta12 {width:100%;max-width:unset !important; float:none;}
.conta12.marglr {width:100%; max-width:unset !important; margin-left:0%; margin-right:0%;}
.conta12-fullwidth{width:100.00%; float:none}
.conta23{width:100%; max-width:unset !important; float:none}
.conta23.marglr{width:100%; max-width:unset !important; margin-left:0%; margin-right:0%;}
section {padding-top:20px; padding-bottom:20px; }
.paddtb{padding-top:20px; padding-bottom:20px;}
.paddt{padding-top:20px;}
.paddb{padding-bottom:20px;}
.paddl{padding-left:20px;}
.paddlr{padding-left:20px; padding-right:20px;}
.margtb{margin-top:20px; margin-bottom:20px;}
.margt{margin-top:20px;}
.margb{margin-bottom:20px;}
.fr,.fl{float:none; }
p{font-size:0.85rem;}
.tx07 {font-size : 0.55rem;}
.tx08 {font-size : 0.65rem;}
.tx09 {font-size : 0.75rem;}
.tx10 {font-size : 0.85rem;}
.tx11 {font-size : 0.95rem;}
.tx12 {font-size : 1.00rem;}
.tx13 {font-size : 1.05rem;}
.tx14 {font-size : 1.05rem;}
.tx15 {font-size : 1.15rem;}
.tx18 {font-size : 1.3rem;}
.tx20 {font-size : 1.4rem;}
.tx22 {font-size : 1.45rem;}
.tx25 {font-size : 1.55rem;}
.tx30 {font-size : 1.7rem;}

h1 {font-size : 1.40rem; padding-top: 15px;}
h2 {font-size : 1.25rem;}
h3 {font-size : 1.1rem;}
h4 {font-size : 1.0rem;}
h5 {font-size : 0.95rem;}
.display-none-on-mobile{display:none}
th,td {padding: 5px 3px}
ul li {font-size:0.9rem;}
ul.ulcircle li{font-size:0.9rem;}
ul.normul li{font-size:0.9rem;}
ol li{font-size:0.9rem;}
ol.normol {padding-left : 20px ; padding-right:3px; margin : 0 0 22px 0;}
p.formtext{ font-size:0.70rem; }
form input[type=text]{ padding: 4px 2% 4px 2%;}
form select{padding: 4px 2% 4px 2%;}
form textarea{padding:4px 2% 4px 2%; }
.img-intro{ margin: 0px 22% 0px 22%;width:56%;  margin-top:0px;}
.button-colorless{ padding: 8px 12px 7px 12px;}
#mainmenu-wide{padding-top:0px; padding-bottom:5px; height:50px;  border-bottom: none; }
#mainmenu-wide .maintitle-wrap{padding:0px 0px 5px 0px; margin: 5px 0px 5px 0px; margin-left:50px; }
#mainmenu-wide .maintitle-wrap .tanusitvany {font-size: 0.65rem;padding: 0px 4px 0px 2px; margin: 2px 0 5px 0;letter-spacing: 0.05rem; }
#mainmenu-wide .maintitle-wrap .varos {font-size: 0.75rem; padding: 0px 5px 0px 4px;margin: 2px 0 5px 0;letter-spacing: 0.10rem; }
#mainmenu-wide .maintitle-wrap div { height: 30px; width: 30px;  margin: 0px 0px -10px 0px; background-size:30px 30px; }
#header-contact-line {height:50px;}
.header-contacts{display:none }
#mainmenu-wide nav	{display:none }
#mainmenu-wide nav a {margin-left: 20px; margin-right:20px; display:block; float:right; color:#FFF;}
#mainmenu-wide.white-bg {padding-top:0px; padding-bottom:0px;  height:50px; }
#mainmenu-wide.white-bg #header-contact-line {margin-top: 0px;background-color:#FFFFFF; }
.hamburger-menu {display:block; overflow: hidden;background-color: #5A84A3;}
.hamburger-menu #hamburger-dropdown {display: none; position:fixed; top:50px; left:0px; background: rgba(90,132,163,0.85); width:100%; z-index:101;}
.hamburger-menu #hamburger-dropdown a {color: white;padding: 8px 10px;text-decoration: none;font-size: 0.9rem;display: block;}
.hamburger-menu a.icon {display: block;overflow: hidden;height:50px; width:46px; padding: 14px 16px 12px 16px;text-decoration: none;color: white; font-size: 1.1rem; background: rgba(90,132,163,0.85) ;box-sizing:border-box;position: fixed;left: 0;top: 0;}

#footer-middle-wide a{ font-size:0.8rem;}
#footer-middle-wide{text-align:center; padding: 20px 0 20px 0; font-size:0.8rem;}
#footerhomeicon  div { height: 40px; width: 40px;  margin: 0px 0px -15px 0px;padding: 0;display: inline-block;background-image: url(../pictures/logo-pecel-gyomro.png); background-size:40px 40px;background-repeat: no-repeat; background-position: 0px 0px;opacity: inherit; }
#footerhomeicon  .varos {font-size: 0.8rem;letter-spacing: 0.05rem; }
#footerhomeicon  .tanusitvany {font-size: 0.7rem;letter-spacing: 0.05rem;}
#copy{ font-size:0.6rem;opacity:0.6}



.introbg-subpage{padding-top:60px; min-height:200px;}
}