@font-face {font-family: focim; src: url("../fonts/betu4.eot") }
@font-face {font-family: focim; src: url("../fonts/betu4.ttf") }

body { font-family: 'Inter'; font-size: 16px; line-height: 27px; font-weight: normal; color:#4E5050; background: #FFF url('../fejleckepek/-----.png'); }

p { font-size: 16px; line-height: 27px; margin-bottom: 20px; color:#4E5050; }

li { font-size: 16px; line-height: 27px; margin-bottom: 0px; }

h1, h2, h3, h4, h5, h6 { font-family:"Noto Serif"; }

h1 { font-size: 48px; color: #69A505; font-weight:bold; margin-top: 0px; padding-top: 0px; padding-bottom: 12px; letter-spacing:-1px; text-transform: none; }

h2 { font-size: 39px; color: #F77A1B; font-weight:bold; margin-top: 0px; padding-top: 0px; padding-bottom: 12px; letter-spacing:-1px }

h3 { font-size: 36px; color: #F77A1B; font-weight:bold; margin-top: 0px; padding-top: 0px; padding-bottom: 8px; letter-spacing:-1px }

h4 { font-size: 34px; color: #F77A1B; font-weight:bold; margin-top: 0px; padding-top: 0px; padding-bottom: 8px; letter-spacing:-1px }

a { color: #016FC2; text-decoration: none; }

a:hover { color: #016FC2; text-decoration: underline; }

a.link { font-size: 20px; line-height: 19px; font-weight: normal; font-style:italic; }
a.link:link    { color: #FFF; text-decoration: none; }
a.link:visited { color: #FFF; text-decoration: none; }
a.link:hover   { color: #FFF; text-decoration: underline; }

a.link2 { font-size: 20px; line-height: 19px; font-weight: normal; font-style:italic; }
a.link2:link    { color: #69A505; text-decoration: none; }
a.link2:visited { color: #69A505; text-decoration: none; }
a.link2:hover   { color: #69A505; text-decoration: underline; }

a.link3 { font-family:"Inter"; font-size: 22px; line-height: 19px; font-weight: bold; font-style: normal; padding:8px 0; margin:8px 0; display:inline-block; }
a.link3:link    { color: #23A5DA; text-decoration: none; }
a.link3:visited { color: #23A5DA; text-decoration: none; }
a.link3:hover   { color: #23A5DA; text-decoration: underline; }

.container { width:100%; max-width:1480px; padding-right: 30px; padding-left: 30px; }

.carousel { border:0px solid #FFFFFF; margin:0 auto; max-width:1600px; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.22);
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.22); }

.carousel .item img { }

.carousel-caption { right: 0%; left: 0%; top: 0; padding-top: 0px; padding-bottom: 0px; color: #fff; text-align: right; text-shadow: none; }

.carousel-caption p { background:#23A5DA; font-family: 'Noto Serif'; font-size:37px; color:#FFFFFF; font-weight:normal; width:35%; text-align:left; line-height:1.1em; top:50%; left:4%; position:absolute; letter-spacing:-1px; padding:22px; }

.carousel-indicators li { width:18px; height:18px; border:1px solid #FFF; border-radius:100%; margin:0 2px; }

.carousel-indicators .active { width:18px; height:18px; background-color:#FFF; border-radius:100%; margin:0 3px; }

.nyelv { font-family: 'Pontano Sans'; font-size: 21px; color:#3D443C; position:absolute; top:6px; right:70px; }

.nyelv a { font-size: 20px; color:#3D443C; margin: 0 8px; }

.fejlec { background: #69A505 url('../img/kekhatter---.png'); text-align:center; position:relative; }

#belsofej { background: url('../fejleckepek/gabona3.jpg') no-repeat center; background-size: 100%; width: 100%; position:relative; }

#belsofej p { font-family: 'Noto Serif'; font-size: 66px; font-weight: bold; text-align:center; color: rgba(255,255,255,1); line-height:1em; letter-spacing:2px; text-transform:uppercase; margin:0; padding:130px 0; }

.section img, .section4 img { width:100%; max-width:680px; border:0px solid #E9E9E9; margin-bottom: 20px; }

.belsotartalom img { max-width:100%; margin-bottom: 20px; }

.nagykep { width:100%; max-width:800px !important; }

.section2 { background: #69A505 url('../img/hatter---.jpg') bottom center; padding: 12px 0; }

.section2 p { color:rgba(255,255,255,0.85); line-height: 21px; }

.section4 { background: url('../img/hatter.jpg') center; padding: 50px 0 50px 0; position:relative; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.24); }

.section5 { background: url('../img/hatter1.jpg') top left no-repeat; background-size:100%; overflow:hidden; padding-bottom:180px; }

.section5 img { max-width:100%; border:10px solid #FFFFFF; background:#FFFFFF; }

.section6 { background: #6B4B29 url('../img/hatter3.jpg') no-repeat; background-size:100%; overflow:hidden; padding:40px 0; min-height:420px; }

.section6 p { color: rgba(255,255,255,0.8); }

.section6 h1 { font-size: 45px; color:#FFF; }

.section8 p { font-family: 'Pontano Sans'; font-size: 26px; line-height:1.2em; color:#176D93; }

.section9 p { font-family: 'Noto Serif'; font-size: 36px; line-height:1.2em; color:#FFFFFF; font-weight:bold; }

.section7 { background: url('../img/hatter4.jpg') center center no-repeat; background-size:100%; padding-bottom:180px; overflow:hidden; }

.section8 { background: url('../fejleckepek/2021-06-21-Weltmilchtag_03.png') bottom center no-repeat; background-size:100%; padding:60px 0 260px 0; overflow:hidden; }

.section9 { background: url('../img/hatter2.jpg') bottom center no-repeat; background-size:100%; padding:60px 0 180px 0; overflow:hidden; }

.belsotartalom { background: url('../img/hatter.jpg') no-repeat top center; padding: 50px 0 50px 0; position:relative; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.24); }

.doboz2 { padding:40px; background:#23A5DA; }

.doboz2 h3 { color:#FFFFFF; }

.doboz2 p, .doboz2 li { color:#FFFFFF; }

.navbar-brand { height: auto; padding: 0px 0 0 10px; margin-bottom:0px; text-align:center; }
	
.navbar-header { float: none; margin:0 !important; }
	
.logo img { max-height:144px; padding:16px 0px; }

.fej { }

.fej .fa { font-size: 21px; color: #FFF; background: #F98418; padding:7px 8px; margin:2px 0; border-radius:100%; width:32px; height:32px; }

.fej .fa-envelope { font-size: 18px; }

.fej p { margin-top:25px; }

.navbar { border: none; padding:0px; margin:0px; border-radius:0; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.34);
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.34); }

.navbar .container { padding:5px 0px; max-width:1480px; }

.navbar-nav { float:left !important; width:100%; padding:12px 0; padding-left:20px; }

.navbar-inverse { background: #69A505; display:block; border-top:0px solid rgba(255,255,255,0.4); margin:0 auto; z-index:2000; position:relative; }

.navbar-collapse { border-top:none; }

.navbar-collapse li { margin-bottom: 0px; }

.navbar-inverse .navbar-nav li a { font-family: 'IBM Plex Sans Condensed'; font-size:21px; font-weight: normal; color:#FFF; padding:5px 13px; margin:0px 0px; border-right:0px solid rgba(255,255,255,0.8); text-transform:uppercase; letter-spacing:0px; }
.navbar-inverse .navbar-nav>li:last-child a { border-right:none; }
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover { color:#FFF; background: #69A505; }

.navbar-toggle { position:relative; float:left; padding:10px 10px; margin-top:5px; margin-bottom:5px; margin-left:20px; background-color:#FFF; border:none; border-radius:0px; clear:both }

.navbar-toggle .icon-bar { width: 28px; height: 5px; background:#23A5DA !important; }

.navbar-toggle:focus { background-color:#FFF !important; }

.navbar-toggle:hover { background-color:#FFF !important; }

#footer { background: #69A505 url('../img/kekhatter---.png'); padding: 17px 0 0px 0; }

#footer p { font-size: 16px; line-height: 26px; margin-bottom: 0px; color:rgba(255,255,255,0.9); }

#footer ul { list-style:none; padding-left:0; }

#footer a { font-size: 16px; color:rgba(255,255,255,0.9); }

#footer h3 { font-size: 35px; color: #FFFFFF; text-align:left; padding-bottom: 2px; margin-top:20px; font-weight:bold; letter-spacing:0; }

#lablec2 { background: #69A505; padding-top:8px; padding-bottom:5px; }

#lablec2 p { font-size:16px; margin-bottom:1px; color:rgba(255,255,255,0.85); }

.parallax-section {
  	background-attachment: fixed !important;
  	background-size: cover !important;
}

.urlapcim { font-family:"Noto Serif"; font-size: 44px; color: #69A505; font-weight:bold; margin-top: 0px; padding-top: 0px; padding-bottom: 12px; letter-spacing:-1px; text-transform: none; }

input.a, select { font-family: 'Pontano Sans'; font-size: 18px; font-weight: normal; color: #FFF; background-color: #E3E5E4; border: 0px solid #FFF; height:51px; line-height:51px; padding:10px }

input.a { width:100%; }

textarea { font-family: 'Pontano Sans'; font-size: 18px; font-weight: normal; color: #FFF; background-color: #E3E5E4; border: 0px solid #FFF; line-height:19px; margin:20x; width:100%; height:100px; padding:6px }

.gomb { font-size: 19px; line-height: 19px; font-weight: normal; background: #69A505; color: #FFF; padding:16px 20px; border: none; }

.gomb:hover { background: #F98418; color: #FFF; }

.piros { font-size: 17px; line-height:1.4em; color: #E32A05; font-weight:normal; margin-top: 0px; padding: 0px; }

.btn-back-to-top { display: none; position: fixed; width: 52px; height: 52px; bottom: 20px; right: 30px; background-color: #69A505; justify-content: center; align-items: center; z-index: 1000; border-radius: 100%; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; }

.symbol-btn-back-to-top { font-size: 22px; color: white; line-height: 1em; }

.btn-back-to-top:hover { background-color: #F98418; cursor: pointer; }

.hibauzi { background-color: #CB1610; color:#FFFFFF; padding:16px;}

.tanusitvanyok { text-align:left; margin-top:35px; }

.tanusitvanyok2 { text-align:center; margin-top:10px; }

.tanusitvanyok img { height: 120px; margin-right: 20px; margin-bottom: 20px; border:8px solid #FFFFFF; }

.tanusitvanyok2 img { height: 108px; margin:8px 6px; border:none; }

.tanusitvanyok2 a:first-child img { margin-left:0px; }

.tanusitvanyok2 a:last-child img { margin-right:0px; }

.box-style { padding:0 10px; padding-top:20px; text-align:center; }

.box-style img { border:10px solid #FFF; width:84%; border-radius:100%; margin-bottom:18px; max-width:260px; }

.palyazat h5 { font-family: 'Inter'; font-size: 18px; line-height:1.2em; margin-bottom:12px; }

.palyazat strong { font-weight: bold; color: #69A505; }

#tamogatas { position:absolute; top:0; right:0; z-index:1900; }

#palyazatdoboz { text-align:left; padding:0px; width:100%; }

.palyazatdobbelso { text-align:left; width:100%; max-width:800px; margin:0px; }

.palyazat2 { width:100%; max-width:500px; margin-top:0px; margin-bottom:0px; }

.palyazat2:hover { max-width:100% !important; }

.sticky { position: fixed; top: 0; width: 100%; z-index:2100; }

.sticky + .fej { padding-top: 180px; }


@media (min-width: 1000px) and (max-width: 1200px) {

.section5 { background-size:150%; }
.section9 { background-size:130%; }
.section9 p { font-size: 32px; }

}

@media (min-width: 767px) and (max-width: 1000px) {

	.navbar-inverse .navbar-nav li a { font-size:20px; padding:5px 12px; }
	.carousel-caption p { font-size:34px; width:40%; right:6%; }
#belsofej p { font-size: 62px; }
.section5 { background-size:150%; }
.section6 { background-size:110%; background-position:right; }
.section7 { background-size:150%; }
.section9 { background-size:150%; }
.section9 p { font-size: 30px; }
	h3 { font-size: 35px; }
#footer h3 { font-size: 33px; }
.section img, .section4 img { margin-top:25px; }
#tamogatas img { width:260px; }

}

@media (min-width: 550px) and (max-width: 767px) {

	.container { padding-right: 20px; padding-left: 20px; }
	.carousel-caption p { font-size:32px; width:50%; top:25%; right:0; }
	.navbar-brand { padding: 30px 0 0 10px; margin-bottom:15px; }
	.navbar-collapse { padding-top:0px; }
	.navbar-inverse .navbar-nav li a { font-size:19px; padding:5px 10px; }
.logo img { max-height:136px; padding:12px 0px; }
.fej p { display:none; }
#belsofej { background-size: 120%; }
#belsofej p { font-size: 57px; padding:190px 0 70px 0; }
.section4 { padding:35px 0 35px 0; }
.section5 { padding-bottom:450px; background-position:bottom; background-size:200%; }
.section5 .container { padding:0; }
.section6 { background-size:220%; background-position:bottom; padding-bottom:300px; }
.section7 { padding-bottom:450px; background-position:bottom; background-size:200%; }
.section7 .container { padding:0; }
.section9 { background-size:220%; }
.section9 p { font-size: 26px; }
.doboz2 { padding:30px; }
#footer h3 { font-size: 31px; }
	h1 { font-size: 42px; }
	h2 { font-size: 35px; }
	h3 { font-size: 35px; }
	h4 { font-size: 32px; }
.section6 h1 { font-size: 43px; }
.section img, .section4 img { margin-top:25px; }
.urlapcim { font-size: 40px; }
#tamogatas img { width:260px; }
.palyazatdoboz { padding:9px 9px; }
.sticky + .fej { padding-top: 160px; }

}

@media (min-width: 0px) and (max-width: 590px) {

	.container { padding-right: 20px; padding-left: 20px; }
	p { font-size: 16px; line-height: 25px; margin-bottom: 16px; }
	.navbar-brand { padding: 30px 0 0 10px; margin-bottom:15px; }
	.navbar-collapse { padding-top:0px; }
	.navbar-inverse .navbar-nav li a { font-size:19px; padding:5px 10px; }
	.carousel-caption, .carousel-indicators { display:none }
.logo img { max-height:136px; padding:12px 0px; }
.fej p { display:none; }
#belsofej { background-size: 150%; }
#belsofej p { font-size: 48px; padding:190px 0 70px 0; }
.section, .section4 { padding:35px 0 35px 0; }
.section5 { padding-bottom:450px; background-position:bottom; background-size:200%; }
.section5 .container { padding:0; }
.section6 { background-size:260%; background-position:bottom; padding-bottom:300px; }
.section7 { padding-bottom:450px; background-position:bottom; background-size:200%; }
.section7 .container { padding:0; }
.section9 { background-size:240%; }
.section9 p { font-size: 26px; }
.doboz2 { padding:30px; }
	h1 { font-size: 40px; }
	h2 { font-size: 33px; }
	h3 { font-size: 35px; }
	h4 { font-size: 30px; }
#footer h3 { font-size: 31px; }
.section6 h1 { font-size: 41px; }
.section img, .section4 img { margin-top:20px; }
.urlapcim { font-size: 38px; }
#tamogatas img { width:260px; }
.palyazatdoboz { padding:8px 8px; }
.sticky + .fej { padding-top: 130px; }

}