@import url('https://fonts.googleapis.com/css?family=Aleo:300,400,700|Barlow+Condensed:400,500|Open+Sans:400,400i,600,700&subset=latin-ext');
html{scroll-padding-top:3rem}
body { font-family: 'Open Sans', sans-serif; background-color:#f2f2f2; margin:0; padding:0; font-size:15px; color:#212223; }
a, :before , :after, .card { text-decoration:none !important; -webkit-transition:ease-in-out all .6s; -moz-transition:ease-in-out all .6s; -o-transition:ease-in-out all .6s; transition:ease-in-out all .6s; }
h1, h2, h3, h4, h5, .alt-font { font-family: 'Aleo', serif; }
a { color:#0c72bc; }
img { max-width:100%; height:auto !important; }
.container-fluid { max-width:1140px; }
header .container-fluid { max-width:1170px; }
header .logos { max-width: calc(100% - 15px); }
header .logo { position:absolute; top:0; left:0; }
header .links img { vertical-align:middle; }
header .social { font-size:22px; }
/*header .social a { margin:0 8px; }*/
header .social i { color:#f2f2f2; }
.weather, .wind, .calendar span { color: #000; }
#weatherCurrent, #windCurrent { font-size: 18px; color: #000; font-weight: 600; display: inline-block; }
.links { color:#f2f2f2; font-size:14px; line-height: 50px; }
.link a { color:#f2f2f2; }
.links .row > div { -webkit-box-shadow:inset -1px 0 0 0 #000; box-shadow:inset -1px 0 0 0 #000; }
.links .row > div > a { color: #0c72bc; }
.links_blue > div { -webkit-box-shadow:inset -1px 0 0 0 #0062a4; box-shadow:inset -1px 0 0 0 #0062a4; }
.links .row > div:last-of-type, .links_blue > div:last-of-type { -webkit-box-shadow:none; box-shadow:none; }
#keresoFrm .field { background:none; border:none; font-family: 'Aleo', serif; font-size:15px; color:#fff; outline: none; width: calc(100% - 40px); text-align: center; }
/*.line_search_bottom:after { content:""; position:absolute; right:15px; bottom:16px; width:calc(100% - 280px); height:1px; -webkit-box-shadow:inset 0 -1px 0 0 #fff; box-shadow:inset 0 -1px 0 0 #fff; }*/
#mainmenu { font-family: 'Aleo', serif; font-size:17px; }
#mainmenu ul { justify-content:space-between; width:100%; }
#mainmenu a { color:#212223; line-height:36px; display:block; font-weight: 700; }
#mainmenu a:hover, #mainmenu .current a { color:#fff; }
#mainmenu .current a { -webkit-box-shadow:inset 0 -2px 0 0 #fff; box-shadow:inset 0 -2px 0 0 #fff; font-weight: 400; }
.navbar.isStuck { background-color: #0c72bc; left: 0; z-index: 200 !important; }
.navbar.isStuck #mainmenu { max-width: 1140px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-bottom: 4px; }
.swiper-mainslider { overflow:hidden; }
#mainslider .swiper-slide { position: relative; height: auto; background-color: #212223; }
#mainslider .swiper-slide > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
#mainslider .swiper-slide img { width:100%; }
#mainslider .swiper-slide img:nth-child(2) { display: none; }
#mainslider .swiper-slide .title { font-family: 'Aleo', serif; font-size: 30px; font-weight: 700; color: #0c72bc; line-height: 36px; margin-bottom: 10px; }
#mainslider .swiper-slide time { font-size: 13px; color: #0c72bc; }
#mainslider .swiper-slide .parent { font-family: 'Aleo', serif; font-size: 13px; color: #0c72bc; text-transform: uppercase; }
#mainslider .swiper-slide .lead { font-size: 16px; color: #fff; line-height: 24px; }
.mainslider .swiper-button { width:48px; height:48px; background-color:#0c72bc; border-radius:50%; }
.prev-mainslider { background-size:30px 30px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important; left:0; transform:translateX(-50%); margin-top:-24px; }
.next-mainslider { color:#fff; font-size:60px; background-size:30px 30px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important; right:0; transform:translateX(50%); margin-top:-24px; }
.pagination-mainslider { display: flex; width: 33.3%; right: 0; bottom: 2px; position: absolute; }
.swiper-pagination-bullet { width: 50%; border-radius: 0; background-color: #0c72bc; opacity: 1; height: 5px; -webkit-box-shadow:inset 1px 0 0 0 #000; box-shadow:inset 1px 0 0 0 #000; }
.swiper-pagination-bullet-active { background-color: #f2f2f2; }
.lapszam > div { background: url("art/book.png") center right no-repeat; background-position: calc(100% - 12px); background-color: #0c72bc; /*position: absolute; bottom: 30px;*/ width: 100%; font-family: 'Aleo', serif; font-size: 21px; color: #fff; }
.lapszam > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.programajanlo .card time { border-bottom: solid 1px #e2e2e2; font-family: 'Aleo', serif; font-size: 15px; text-transform: uppercase; font-weight: 700; }
.programajanlo .card time span { color: #212223; font-weight: 400; }
.programajanlo .card .card-subtitle { color: #777; text-transform: uppercase; }
.programajanlo .card .card-subtitle:before { content:"\2022"; margin-right: 4px; margin-top: 0; color: #777; }
.programajanlo .card .card-body { border: none; }
.kiskiemelt .card-body, #galeriaslider .card-body { position: relative; left: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,.5)',GradientType=0 ); }
.kiskiemelt .card-img-top:after { content:""; position: absolute; right:12px; top:12px; width: 30px; height: 30px; background: url("art/szeg.png")}
.kiskiemelt .card-img-top img + .card-body, #galeriaslider .card-img-top img + .card-body { position: absolute; }
.kiskiemelt .card-subtitle, #galeriaslider .card-subtitle { font-family: 'Aleo', serif; font-size: 13px; color: #0c72bc; text-transform:uppercase; border-bottom: solid 1px #0c72bc; }
.kiskiemelt .card-title { font-size: 19px; color: #fff; }
#galeriaslider .card-title { font-size: 21px; color: #fff; }
.pagination-galeriaslider { display: flex; width: 100%; right: 0; bottom: 2px; position: absolute; }
.swiper-pagination-bullet { width: 50%; border-radius: 0; background-color: #0c72bc; opacity: 1; height: 5px; -webkit-box-shadow:inset 1 0 0 0 #000; box-shadow:inset 1px 0 0 0 #000; }
.swiper-pagination-bullet-active { background-color: #f2f2f2; }
article { max-width: 730px !important; font-size: 16px; }
article.pdf { max-width: none !important; }
article > h1 { font-size: 48px; font-weight: 700; line-height: 48px; }
article time { font-family: 'Aleo', serif; font-size: 17px; line-height: 12px; }
article .line_bottom { -webkit-box-shadow:inset 0 -2px 0 0 #d1d1d1; box-shadow:inset 0 -2px 0 0 #d1d1d1; }
article .pict > img + div { position: absolute; bottom:0; left: 0; width: 100%; }
article .pict .line_bottom { -webkit-box-shadow:inset 0 -2px 0 0 #0c72bc; box-shadow:inset 0 -2px 0 0 #0c72bc; }
article .pict .teaser { background-color: #f2f2f2; font-family: 'Aleo', serif; font-size: 36px; color: #0c72bc; text-transform: lowercase; line-height: 24px; }
article .lead { font-weight: 600; }
article a { color:#0c72bc; }
article a:hover { color:#0c72bc; }
/*article .text img { max-width:calc(100% + 30px); }*/
.lead { font-size: 16px; }
/*article .lead p, article .text p { padding-left: 15px; }*/
.kapcs { font-family: 'Aleo', serif; font-size: 24px; color: #0c72bc; line-height: 14px; }
.kapcs .line_bottom { -webkit-box-shadow:inset 0 -1px 0 0 #d1d1d1; box-shadow:inset 0 -1px 0 0 #d1d1d1; }
.share a { margin-left: 12px; color: #767779; }
.share a:hover, .cimkek a:hover { color: #0c72bc; }
.cimkek a { font-size: 14px; color: #767779; margin-left: 10px; font-family: 'Open Sans', sans-serif; }
.cimkek a:before { content:"#"; }
.copyright { font-size:14px; line-height:50px; }
.copyright .container-fluid { max-width:1170px; }
footer { color:#f2f2f2; }
footer h2 { font-size:30px; color:#a4a4a4; margin:0; line-height:18px; }
footer span { color:#0c72bc; text-transform:uppercase; }
footer a { color:#f2f2f2; }
footer p > a { color:#f2f2f2 !important; }
footer a:hover { color:#0c72bc; }
.grid-item { margin-bottom:2%; }
.grid-item img { width: 100%; }
.grid-item a { display: block; }
.grid-item a:hover { -webkit-box-shadow:0 0 0 5px #0c72bc; box-shadow:0 0 0 5px #0c72bc; }
#rovataink, #linkek { font-family: 'Aleo', serif; font-size:17px; font-weight:300; line-height:48px; }
#rovataink ul, #linkek ul, #mainmenu ul { margin:0; padding:0; display:flex; flex-wrap:wrap; }
#rovataink li, #linkek li, #mainmenu li { display:block; }
#rovataink li:after, #linkek li:after { content:"|"; margin:0 20px; color:#4e4e4e; font-size:17px; }
#rovataink li:last-of-type:after, #linkek li:last-of-type:after { display:none; }
#rovataink a, #linkek a { color:#0c72bc; }
#rovataink a:hover, #linkek a:hover { color:#fff; }
.kapcsolodo .card-title { font-size: 19px; line-height: 24px; }
.mtitle { font-size: 30px; line-height: 24px; }
.mtitle h1 { font-size: 36px; color: #212223; font-weight: 700; margin: 0; line-height: 22px; }
#rovat .mtitle { font-size: 36px; font-weight: 700; font-family: 'Aleo', serif; text-transform: lowercase; }
#rovat .leftside .mtitle .line_bottom { -webkit-box-shadow:inset 0 -3px 0 0 #0c72bc; box-shadow:inset 0 -3px 0 0 #0c72bc; }
.aside { max-width: 380px; }
.card { background-color: rgba(243,156,18,0); border: none; position: relative; border-radius: 0; }
.card > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }
.card .card-body { border-bottom: solid 1px #e2e2e2; padding: 0; }
.leftside .card .card-body { border: none; }
.card-title { font-family: 'Aleo', serif; font-size: 17px; font-weight: 700; margin-bottom: 0px; }
.leftside .card-title { font-size: 21px; line-height: 24px; }
.card-text { font-size: 14px; line-height: 21px; }
.leftside .card-text { font-size: 15px; }
.card-text p { margin: 0; }
.card:hover { background-color: rgba(12,114,188,.1); }
.card:last-of-type .card-body { border: none; }
time { font-size: 13px; color: #0c72bc; }
time li { list-style-position: inside; clear:none; display: inline-block; }
/*.bg-orange { background-color:#f39c12; }*/
.bg-orange { background-color:#0c72bc; }
.bg-black { background-color:#212223; }
.bg-gray { background-color: #acacac; }
.top_bg { -webkit-box-shadow:inset 0 40px 0 0 #1074b8; box-shadow:inset 0 40px 0 0 #1074b8; }
.line_bottom { -webkit-box-shadow:inset 0 -2px 0 0 #4e4e4e; box-shadow:inset 0 -2px 0 0 #4e4e4e; }
.mtitle .line_bottom { -webkit-box-shadow:inset 0 -2px 0 0 #0c72bc; box-shadow:inset 0 -2px 0 0 #0c72bc; }
.lh-30 { line-height:30px; }
.lh-40 { line-height: 40px; }
.konyv .wowbook-container-full{position:inherit !important;}
.field::-webkit-input-placeholder { color:#1074b8; }
.field::-moz-placeholder { color:#1074b8; }
.field::-ms-input-placeholder { color:#1074b8; }
.field:-moz-placeholder { color:#1074b8; }
.field:focus { background-color:#1074b8; background-image:none; }
.form.border-bottom { border-color: #000 !important; }
#lapozo:empty, .empty:empty { display: none !important}
.kotelezo.logo {font-size: 12px;}
.kotelezo.logo img { max-width:200px;}
.euinfo1 {display:block !important;}
.popup-cookieconsent-down.fixed-top {top:auto;}
.swiper-pagination-main .swiper-pagination-bullet {-webkit-box-shadow:inset 1px 0 0 0 #fff;box-shadow:inset 1px 0 0 0 #fff}
.swiper-pagination-main .swiper-pagination-bullet-active {background-color:#212223}
article .text blockquote {padding-left:30px;position:relative;font-style:italic}
article .text blockquote:before {content:"";position:absolute;left:0;top:0;width:6px;height:100%;background-color:#0c72bc}
#rovat a .card-title, #rovat a .card-text {color:#212223}
.card.tov .card-title, .card.tov .card-text {color:#212223}
article .text table {width:auto !important;max-width:100%}

@media (max-width: 1199px) {
#mainmenu { font-size:16px; }
.prev-mainslider { left:0; transform: none; }
.next-mainslider { right:0; transform: none; }
.pagination-mainslider { width: 83.3%; position: relative; margin: -5px auto 0; }
#mainslider .swiper-slide .title { font-size: 28px; line-height: 32px; }
article > h1 { font-size: 46px; line-height: 46px; }
}
@media (max-width: 991px) {
#mainmenu li { flex:0 0 100%; max-width:100%; }
.pagination-mainslider { width: 100%; }
.link { font-size: 0; }
#mainslider .swiper-slide .title { font-size: 26px; line-height: 29px; }
article > h1 { font-size: 42px; line-height: 42px; }
}
@media (max-width: 767px) {
#rovataink ul, #linkek ul { justify-content:center; }
.line_search_bottom:after { display:none; }
.link { font-size: 14px; }
#mainslider .swiper-slide .title { font-size: 24px; line-height: 28px; }
article > h1 { font-size: 38px; line-height: 38px; }
.links_blue > div { -webkit-box-shadow:none; box-shadow:none; }
article time, #rovataink, #linkek, #rovataink li:after, #linkek li:after, .card-title {font-size:19px;}	
article .text, #mainmenu, article, .lead {font-size:18px;}
#keresoFrm .field, .leftside .card-text {font-size:17px;}
.links, .cimkek a, .copyright, .card-text {font-size:16px;}
#mainslider .swiper-slide time, #mainslider .swiper-slide .parent, .programajanlo .card time, .kiskiemelt .card-subtitle, #galeriaslider .card-subtitle, time, .kotelezo.logo {font-size:15px;}
}
@media (max-width: 575px) {
header .logos { padding-left:15px;}
header .logo { position:relative; margin:0 20px; max-height:60px; }
.link { font-size: 0; }
#mainslider .swiper-slide .title { font-size: 22px; line-height: 26px; }
.prev-mainslider, .next-mainslider { display: none; }
article > h1 { font-size: 32px; line-height: 32px; }
.calendar { font-size: 14px; }
}

.menu-list ul {margin:0;padding:0;}
.menu-list li {list-style: none;line-height: 100%;margin-bottom:15px;padding:0;}

.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}


.xs-font{font-size:14px}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:16px}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:20px}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.5rem}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:30px}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:48px;line-height:1}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:72px;line-height:1}

@media (max-width: 767px) {
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.4rem}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:24px}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:28px;line-height:1}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:32px;line-height:1}
}
