html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {display: block;}

.kekgomb, .pirosgomb, .sargagomb, .sargasgomb {transition: all 0.4s;}
.material-icons-sharp {font-size: 35px !important;color: green;}
.g4 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 2%;row-gap: 15px;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;scroll-behavior: smooth;}
*, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
body {font-family: 'Signika', sans-serif;color: #3d2c64;font-size: 18px;font-weight: 300;padding-top: 90px;-webkit-text-size-adjust: none;}
a {text-decoration: none;}
img {max-width:100%;}
input, select, textarea {max-width: 100%;border: none;padding: 5px 10px;}
input:focus, select:focus, textarea:focus {outline: none;box-shadow: 0 0 2px #d9960a;}
input:hover {background-color: #ccc;}
p {margin: 10px 0;}
b {font-weight: 500;}
strong {font-weight: 500;}
.rejtett {display: none;}
.mobilmenu {display: none!important;}
.blur {filter: blur(5px);-webkit-filter: blur(5px);}
.bgfeher {background-color: #fff;}
.bgfekete {background-color: #2f2f2f;}
.bgvszurke {background-color: #f7f8f9;}
.bgszurke {background-color: #ececec;}
.bgsszurke {background-color: #878888;}
.bgpiros {background-color: #d43529;}
.bgnarancs {background-color: #d9960a;}
.bganarancs {background-color: rgba(217,150,10,0.7);}
.bgkek {background-color: #3d2c64;}
.bgakek {background-color: rgba(61,44,100,0.8);}
.kek {color: #3d2c64;}
.narancs {color: #d9960a;}
.piros {color: #d43529;}
.vszurke {color: #f7f8f9;}
.szurke {color: #ececec;}
.sszurke {color: #878888;}
.feher {color: #fff;}
.link {color: #d9960a;}
.link:hover {border-bottom: 1px dotted #d9960a;}
.piroskeret {border: 1px solid #d43529!important;}
.bgkep {background-repeat: no-repeat;background-size: cover;background-position: top center;}
.kerek {border-radius: 15px;}
.row {display: flex;flex-wrap: wrap;justify-content: center;}
.row2 {margin: 0 -2%;}
.row1 {margin: 0 -1%;}
.b2 {width: 50%;}
.b3 {width: 33.3%;}
.b4 {width: 25%;}
.b5 {width: 20%;}
.box2 {width: 48%;padding: 15px 5%;margin: 12px 1%;}
.box3 {width: 31.3%;padding: 15px 2%;margin: 8px 1%;}
.balra {text-align: left;}
.kozepre {text-align: center;}
.jobbra {text-align: right;}
.kizart {text-align: justify;}
.nagybetu {text-transform: uppercase;}
.wrapper {position: relative;width: 100%;max-width: 1365px;margin:auto;}
.cwrapper {position: relative;width: 92%;margin:auto;}
.bwrapper {position: relative;width: 70%;margin:auto;}
.terkoz {padding: 50px 0;}
.felterkoz {padding: 25px 0;}
.kisterkoz {margin: 15px 0;}
.kisbelsoterkoz {padding: 15px 0;}
.hasabok2 {column-count: 2;}
.hasab21 {width: 50%;padding: 0 7% 0 10%;}
.hasab22 {width: 50%;padding: 0 10% 0 7%;}
.hirhasab21 {width: 50%;padding: 50px 7% 50px 10%;}
.hirhasab22 {width: 50%;}
.hasab21nagy {width: 50%;padding: 0 2% 0 10px;}
.hasab22nagy {width: 50%;padding: 0 10px 0 2%;}
.hasab21box {width: 50%;padding: 0 7% 0 0;}
.hasab22box {width: 50%;padding: 0 0 0 7%;}
.hasab13box {width: 40%;padding: 0 4% 0 0;}
.hasab23box {width: 60%;padding: 0 0 0 4%;}
.hasab13 {width: 40%;padding:0 2% 0 10%;}
.hasab23 {width: 60%;padding:0 10% 0 2%;}
.hasab14 {width: 45%;padding:0 2% 0 10%;}
.hasab24 {width: 55%;padding:0 10% 0 2%;}
.hasab1 {width: 100%;padding: 0 10%;}
.hasab1k {width: 100%;padding: 0 27.5%}
.szurkebox {border-radius: 15px;padding: 30px 0;margin: 0 5%;width: 90%;}
.savcim {font-size: 32px;font-family: "Playfair Display";margin: 10px 0;}
.savkiscim {font-size: 22px;font-weight: 400;text-transform: uppercase;padding: 20px 0;}
.teljeshasab {width: 100%;max-width: 800px;margin:25px auto;}
.belepsav {position: relative;padding: 1px 1% 3px 1%;width: 100%;}
.belepsav a {display: inline-block;color: #3d2c64;text-decoration: none;font-size: 16px;margin: 0 5px;}
.adminhasab {text-align: left;width: 65%;}
.userhasab {text-align: right;width: 35%;}
fieldset {border-radius: 10px;margin: 15px 0;padding: 15px 1%;}
legend {border-radius: 10px;background-color: #fff;padding: 4px 20px;font-weight: 500;font-size: 20px;}
ul.adminlista li {margin: 2px 0;padding: 4px;}
ul.adminlista li a {color: #3d2c64;}
ul.adminlista li:hover {background-color: #3d2c64;color: #fff;}
ul.adminlista li:hover a {color: #fff;}
ul.adminlista li a.inaktiv {color: #878888;}
.csakmobilon {display: none;}

/* gombok */
.inaktivgomb {display: inline-block;padding: 5px 30px;background-color: #878888;color: #fff;border-radius: 15px;font-weight: 600;border: 1px solid transparent; cursor: not-allowed;-webkit-transition: all 500ms ease;transition: all 500ms ease;}

.pirosgomb {display: inline-block;padding: 5px 20px;background-color: #d43529;color: #fff;border-radius: 15px;font-weight: 600;cursor: pointer;-webkit-transition: all 500ms ease;transition: all 500ms ease;border: 1px solid #d43529;}
.pirosgomb:hover {background-color: #fff;color: #d43529;}
input.pirosgomb {font-size: 18px;font-family: 'Signika', sans-serif;}

.kekgomb {display: inline-block;padding: 5px 20px;background-color: #3d2c64;color: #fff;border-radius: 15px;font-weight: 600;border: 1px solid #3d2c64;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.kekgomb:hover {background-color: #fff;color: #3d2c64;}
input.kekgomb {font-size: 18px;font-family: 'Signika', sans-serif;}

.sargagomb {display: inline-block;padding: 5px 20px;background-color: #d9960a;color: #fff;border-radius: 15px;font-weight: 500;-webkit-transition: all 500ms ease;transition: all 500ms ease;border: 1px solid #d9960a;}
.sargagomb:hover {background-color: #fff;color: #d9960a;cursor:pointer;}
input.sargagomb {font-size: 18px;font-family: 'Signika', sans-serif;}

/*
.narancsgomb {display: inline-block;padding: 5px 20px;background-color: #e9a20a;color: #fff;border-radius: 15px;font-weight: 600;cursor: pointer;}
.narancsgomb:hover {background-color: #fff;color: #3d2c64;}
*/

.doktabla {margin: auto;width: 100%;}
.doktabla td {text-align: center;}
.dokkat {padding: 0!important;} 
.doklink {padding: 20px 0;}
.doklink a {display: inline-block;margin: 5px;padding: 5px 15px;border-radius: 15px;}
.dkat2 a {background-color: #3d2c64;color: #fff;border: 1px solid #3d2c64;}
.dkat2 a:hover {background-color: #fff;color: #3d2c64;}
.dkat1 a {background-color: #d9960a;color: #fff;border: 1px solid #d9960a;}
.dkat1 a:hover {background-color: #fff;color: #d9960a;}
.boxinfo {position: relative;top: -20px;padding: 25px 4%;}
.boxinfo h3 {font-size: 24px;font-weight: 800;margin: 15px 0 30px 0;}
.boxinfo h4 {font-family: "Playfair Display";font-size: 20px;font-weight: 700;text-transform: none;}
.boxinfo h5 {font-family: "Signika";font-weight: 600;font-size: 16px;text-transform: uppercase;margin: 20px 0;}
.boxinfo .gombsor a {margin: 5px 0.5%;text-transform: uppercase;padding: 5px 15px;}
.kicsi {text-transform: none!important;}
.logoszoveg {font-family: "Playfair Display";font-weight: 900;font-size: 26px;line-height: 30px;}
#gombok .active {background-color: #fff!important;color: #3d2c64!important;}

@keyframes topmenu {
	0% {top: -100px;}
	100% {top: 0;}
}

.header {position: fixed;top:0;width: 100%;animation-name: topmenu;animation-duration: 1s;z-index: 1000;background-color: #fff;}
.topmenusav {padding-top: 0;animation-name: topmenu;animation-duration: 1s;z-index: 10000;}
.header .wrapper {display: flex;}
.logo {display: inline-block;width: 15%;max-width: 200px;padding-top: 15px;margin-left: 4%;}

ul.menu {position:relative;display: flex;padding-left: max(10px, 5%);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
ul.menu li {display: inline-block;position: relative;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
ul.menu a.fomenu {font-size: 18px;}
ul.menu a {display: block;position:relative;font-size: 16px;font-weight: 400;color: #3d2c64;text-transform: uppercase;padding: 30px 19px;}
ul.menu ul {position: relative;width: 100%;-webkit-transition: all 500ms ease;transition: all 500ms ease;max-height:0;overflow: hidden;}
ul.menu ul li {display: block;}
ul.menu ul a {text-transform: none;padding: 0px 10px 15px 19px;}
ul.menu ul a:hover {color: #d43529;}
ul.menu li:hover a.fomenu {color: #d43529;}
ul.menu:hover ul {padding-bottom: 110%;transition-delay:200ms;/*max-height:100%;transition: max-height 0.25s ease-in;padding-bottom: 20px;*/}
ul.menu li.bgsub:hover {background-color: #f7f8f9;}
ul.menu li.bgsub:hover ul {background-color: #f7f8f9;}

.header a.gombmenu {background-color: #d43529;color: #fff;padding: 5px 19px;margin-top: 25px;border-radius: 15px;font-weight: 600;display: block;position: absolute;right: 8%;border: 1px solid #d43529;}
.header a.gombmenu:hover {background-color: #fff;color: #d43529;}
.header a.ikonlang {background-repeat: no-repeat;background-size: contain;background-position: right;padding: 5px 30px;margin-top: 25px;position: absolute;right: 3%;}
.header a.ikon-en {background-image: url(/Views/img/menu-en.svg);}
.header a.ikon-hu {background-image: url(/Views/img/menu-hu.svg);}

.menugomb {display: none;position: absolute;right:3%;top: 50%;transform: translateY(-50%);width: 45px;height: 50px;cursor: pointer;z-index: 10;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(/Views/img/menuikon-kek.svg);}
.menugombaktiv {background-image: url(/Views/img/close.svg)!important;background-size: 70%;background-position: top;}

h1 {font-family: "Playfair Display";font-weight: 400;font-size: 42px;}
h3 {font-family: "Playfair Display";font-weight: 400;font-size: 42px;}
.ytvideo {width: 100%;display: block;border-radius: 15px;}
.tovabble {display: inline-block;color: #d9960a;font-size: 14px;padding-bottom: 30px;background-image: url(/Views/img/ikon-le.svg);background-size: 25px;background-position: center bottom;background-repeat: no-repeat;}
.content p {margin: 15px 0;}
.urlap {font-size: 18px;font-family: Signika; font-weight: 300; border: none;border-radius: 15px;background-color: #ececec;min-width: 80%;padding: 5px 25px;}
.urlap:hover {background-color: #ccc;}

.fhlead {max-width: 680px;margin: -30px auto 30px auto;text-align: center;}
.fdlead {max-width: 680px;margin: -30px auto 0 auto;text-align: center;}

.boxes {transition: all 500ms ease;}
.wbox {position: relative;display: block;width: 31.3%;margin: 10px 1%;background-color: #fff;border-radius: 15px;padding: 50px 15px;text-align: center;color: #3d2c64;font-size: 22px;font-family: "Playfair Display";font-weight: 500;transition: all 500ms ease;cursor: pointer;}
.wbox img {display: block;}
.wbox:hover {background-color: #d9960a;color: #fff;}
.wbox:hover img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(110%) contrast(100%);}
.wbox .img1 {display: none;}
.wbox:hover .img0 {display: none;}
.wbox:hover .img1 {display: block;filter: none;}
.wboxhide {display: none;/*transform: scale(0);*/}
.wboxopen {position: relative;display: none;position: relative;width: 100%;background-color: #fff;border-radius: 15px;padding: 50px 15px 15px 15px;color: #3d2c64;transition: all 1s ease;margin-top: 15px;}
.wboxopen h3 {font-size: 26px;font-weight: 600;}
.wboxopen .table {display: table;width: 100%;padding-bottom: 20px;}
.wboxopen .cb1 {display: table-cell;vertical-align: middle;width: 15%;padding-left: 5%;}
.wboxopen .cb2 {display: table-cell;vertical-align: middle;width: 15%;padding: 0 4%;}
.wboxopen .cb3 {display: table-cell;vertical-align: middle;padding-right: 4%;}
.wboxopen .gombsor a {margin: 5px 0.5%;text-transform: uppercase;padding: 5px 15px;}
.wboxopen a.bezar {position: absolute;right:20px;top: 20px;width: 30px;height: 30px;z-index: 10;background-image: url(/Views/img/close.svg);background-size: 100%;}
/*.wboxopened {transform: scale(1);}*/
.wboxcontent {background-color: #f7f8f9;border-radius: 15px;padding: 20px 5% 20px 5%;color: #3d2c64;}
.wboxcontent hr {border:0;height: 1px;width: 100%;background-color: #3d2c64;}
.wboxcontent h3 {margin-top: 30px;}
.wboxcontent h4 {margin-top: 30px;}
.wboxcontent h5 {margin-top: 30px;}
.wboxhasab2 {column-count: 2;column-gap: 8%;}
.wboxhasab2 p {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;display: inline-block;}
.wbox img {width: 35%;display: block;margin: auto;transition: all 500ms ease;}
.vkep {float: right;margin-left: 5px;margin-bottom: 5px;max-width: 35%;}
.szolg {padding: 30px 0;}

.anyagi h3 {font-weight: 400;}
.anyagi h3 b {font-weight: 700;}
.anyagi h4 {font-weight: 400;font-size: 20px;}
.anyagi .pirosgomb {font-weight: 300;}
.anyagi .inaktivgomb {background-color: #ccc;cursor: not-allowed;}
.anyagi .gombsor {position: relative;}
.anyagi .gombsor input {display: inline-block; padding: 5px 20px; border: 1px solid #d9960a; color: #d9960a; border-radius: 15px; font-size: 18px;text-transform: uppercase;font-family: Signika;font-weight: 500; cursor: pointer;background: none;margin: 5px;}
.anyagi .gombsor input:hover {background: #d9960a; color: white;}
.anyagi .gombsor select:hover {background: #d9960a; color: white;}
.anyagi .gombsor input.inaktivgomb {border: 1px solid #ccc; color: #fff;cursor: not-allowed;background: #ccc;}
.anyagi .gombsor .aktiv {color: #fff; background-color: #d9960a;box-shadow: 0 0 2px #fff;}
.anyagi .gombsor .aktiv input {color: #fff;background-color: #d9960a;box-shadow: 0 0 2px #fff;}
.anyagi .gombsor .aktiv select {color: #fff;background-color: #d9960a;box-shadow: 0 0 2px #fff;}
.egyedi {width: 20%;text-align: center;padding: 20px 0;color: #d9960a;font-size: 20px;border-radius: 15px;font-weight: 500;margin-right:0;border: 1px solid #d9960a;}
.egyedi input {font-size: 24px!important;font-family: Playfair Display!important;text-transform: none!important; font-weight: 500;width: 55%;text-align: right;margin-top: -4px;padding: 5px!important;}
.egyedi input::placeholder {opacity:0.6;}
/*.egyedi input:focus {text-align: right;outline: none;box-shadow: 0 0 2px #fff;}*/
.egyedi small {display: block;margin-top: 12px;font-size: 14px;font-weight: 400;text-transform: uppercase;}
.egyedi select {padding: 12px 0 4px 0;width: 30%;text-align: right;border: 1px solid #d9960a;background: none;color: #d9960a;font-size: 20px;}

.osszegbox {width: 15%;text-align: center;padding: 20px 0;border: 1px solid #d9960a;color: #d9960a;font-family: Playfair Display; font-size: 32px;border-radius: 15px;font-weight: 500;margin-right: 1%;cursor: pointer;}
.osszegbox small {display: block;margin-top: 12px;font-size: 14px;font-weight: 400;font-family: Signika;}
.osszegbox:hover {background-color: #d9960a;color: #fff;}
.anyagi .gsinfo {position: relative;display: block;top:5px;width: 50%;color: #3d2c64;font-size: 16px;margin-left: 10px;}
.anyagi .gsinfo span {display: none;padding: 5px 10px;border: 1px solid #d43529;border-radius: 15px;background-color: #fff;}
.valasztottak p {margin: 5px 0 20px 0;}

.slider {width: 100%;}
.slider img {display: block;width: 100%;max-height: 600px;object-fit: cover;}
.sbox {position: relative;}
.sbox img {object-fit: cover;object-position: top;}
.scim {position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);padding: 0 20%;font-family: Playfair Display;font-weight: 500;font-style: italic;font-size: 50px;color: #fff;}

.wsbox {position: relative;display: block;width: 23%;margin: 10px 1%;background-color: #fff;border-radius: 15px;padding: 50px 15px;text-align: center;color: #3d2c64;font-size: 22px;font-family: "Playfair Display";font-weight: 500;transition: all 500ms ease;}
.wsbox:hover {background-color: #d9960a; color: white;}
.wsbox:hover img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(110%) contrast(100%);}
.wsbox img {width: 35%;display: block;margin: auto;transition: all 500ms ease;}
.wsaktiv {background-color: #d9960a; color: white;}
.wsaktiv img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(110%) contrast(100%);}

.ibox {display: table;margin-bottom: 8px;padding: 0 5px;width: 100%;min-height: 70px;}
.ikat {display: table-cell;width: 25%;padding: 10px;vertical-align: middle;}
.iinfo {display: table-cell;width: 75%;padding: 10px 2%;vertical-align: middle;}
.iinfo h4 {font-family: "Playfair Display";font-weight: bold;}
.slidersav .bx-wrapper .bx-pager {bottom: 10px;}
.slidersav .bx-pager a {background-color: rgba(255,255,255,0.5)!important;}
.slidersav .bx-pager a.active {background-color: #fff!important;}
.slidersav .bx-wrapper .bx-prev {left: 0;}
.slidersav .bx-wrapper .bx-next {right: 0;}

.johirek {position: relative;padding-top: 60px;}
.johirek .bx-wrapper .bx-pager {bottom: 10px;}
.johirek .bx-pager a {background-color: rgba(255,255,255,0.5)!important;}
.johirek .bx-pager a.active {background-color: #fff!important;}
.hetijohirkep {max-height: 500px;display: block;margin: auto;}
.johirek .bx-wrapper .bx-prev {left: 0;}
.johirek .bx-wrapper .bx-next {right: 0;}

.hirsav h3 {margin-bottom: 60px;}
.hirsav .bx-wrapper .bx-prev {left: -5%;}
.hirsav .bx-wrapper .bx-next {right: -5%;}
#slidernews .MS-content {overflow: hidden;}
.hirsav .bx-wrapper .bx-pager {bottom: -40px;}
.hbox {position: relative;display: inline-block;background-color: #fff;border-radius: 15px;padding: 40px 20px;color: #3d2c64;}
.hbox h4 {color: #d9960a;font-size: 26px;font-family: "Playfair Display";font-weight: normal;margin: 10px 0 20px 0;}
.hbox h4 a {color: inherit;}
.hbox h4 b {font-weight: 700;}
.hbox .idopont {font-family: "Playfair Display";color: #d9960a;font-size: 26px;margin-top: 20px;}
.hbox .idopont b {font-weight: 700;}
.hbox a {color: #d9960a;}
.hbox p {text-align: justify;}

.mediasav h4 {font-size: 22px;font-weight: normal;}
.mediasav .box3 {position: relative;padding: 15px 10px 40px 10px;}
.mediasav .box3 .gomb {position: absolute;bottom:0;left:10px;}
.mediakiemelt {margin: 30px 0 5px 0;}
.mediakiemelt .gomb {margin-top: 10px;}

.hirlevelsav h4 {font-size: 22px;font-weight: normal;}
.hirlevelsav .box3 {position: relative;border: 1px solid #d9960a;border-radius: 15px;padding: 20px 20px 50px 20px;}
.hirlevelsav .box3 .gomb {position: absolute;bottom:10px;left:20px;}
.hirkovetes {padding-top: 25px;font-size: 24px;font-family: Playfair Display;}
.hirkovetes img {width: 10%;margin-left: 5%;}
.hirhasab22 img {display: block;height: 100%;object-fit: contain;}
.hirkovetes img {transition: all 500ms ease;}
.hirkovetes a:hover img {transform: scale(1.4);}
.tgomb {background-image: url(/Views/img/ikon-le.svg);background-repeat: no-repeat;display: inline-block;padding-bottom: 40px;background-position: bottom center;background-size: 30px;}
.tgomb:hover {background-image:url(/Views/img/ikon-le-kek.svg);color: #3d2c64;}

.galeriasav .kep {display:block;width: 33.33%;position: relative;max-height: 350px;overflow: hidden;}
.galeriasav .kep img {display: block;width: 100%;height: 100%;object-fit: cover;}
.galeriasav .kep .arnyalat {display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(61,44,100,0.7);transition: all 500ms ease;}
.galeriasav .kep:hover .arnyalat {background-color: rgba(61,44,100,0);}
.galeriasav .comp0 {display: none;}
.gtobb {transition: all 500ms ease;overflow: hidden;display: none!important;}
.gtobbnyitva {display: flex!important;}
.tovabbgomb {transition: all 500ms ease;}
.tovabbgomb img {width: 30px;margin-top: 10px;transition: all 500ms ease;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);}
.tovabbgomb:hover img {filter: none;}
.tovabbgomb:hover {color: #d9960a;}

.projekt {position: relative;color:#3d2c64;padding: 20px 3%;min-height: 400px;}
.projekt h3 {font-size: 38px;}
.projekt .kep {width: 34%;min-height: 300px;padding:25px 2%;border-top-left-radius: 15px;border-bottom-left-radius: 15px;background-color: #fff;}
.projekt .kfakep {width: 34%;min-height: 300px;padding:25px 2%;border-top-left-radius: 15px;border-bottom-left-radius: 15px;background-color: #ececec;}
.projekt .kep img {display: block;height: 100%;width: 100%;border-radius: 15px;object-fit: cover;}
.projekt .info {position: relative;z-index: 10;width: 44%;padding: 20px 2%;background-color: #fff;}
.projekt .kfainfo {position: relative;z-index: 10;width: 66%;padding: 20px 2%;background-color: #ececec;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.projekt .diagram {position: relative;width: 22%;}
.bgfelkor {position: absolute;z-index:0;top:0;left:-25%;width:130%;height: 100%;border-radius: 0 100% 100% 0;background-color: #fff;}
.diagram .circular-chart {max-width: 100%!important;margin: auto!important;width: 85%;position: absolute;top: 50%;transform: translateY(-50%);}
.celok a {display: inline-block;padding: 2px 5px;margin: 3px;font-size: 16px;border-radius: 15px;border: 1px solid #a3aed9;background-color: #a3aed9;color: #fff;}
.celok a:hover {color: #3d2c64;background-color: #fff;}

.pinfo {position: relative;color:#3d2c64;padding: 20px 3%;margin: 15px 0;}
.pinfo a.bezar {position: absolute;right:20px;top: 20px;width: 30px;height: 30px;z-index: 10;background-image: url(/Views/img/close.svg);background-size: 100%;}
.pinfo a.bezarlent {bottom: 20px;top: inherit!important;}
.pinfo .gyujtesek {width: 34%;padding: 30px 2% 20px 2%;}
.pinfo .info {width: 66%;padding: 20px 5% 20px 2%;}
.pinfo .kiemeltcim {font-family: "Playfair Display";font-size: 32px;font-weight: 600;}

.gyujtobox {position: relative;width: 100%;padding: 15px 25px;margin: 15px 0;}
.gyujtobox .boxcim {text-transform: uppercase;font-weight: 600;font-size: 20px;}
.eredmenysav {position: relative;overflow: hidden;width: 100%;}
.jelzo {position: relative;text-align: right;padding: 2px 25px 2px 0;font-weight: 700;font-size: 16px;margin-left: -100%;-webkit-transition: all 3000ms ease;transition: all 3000ms ease;}
.vegigfut {margin-left: 0;}

.sliderbox {margin-top: 60px;height: 100%;}
.sliderbox div {padding: 30px;}
.sliderbox .logoszoveg {font-size: 20px;}
.sliderbox .logoszoveg span {display: block;}
.sliderbox .logoszoveg .piros {margin-bottom: -7px;}
.feherbox .bx-wrapper .bx-pager {bottom: 10px!important;}
.feherbox .bx-wrapper .bx-pager.bx-default-pager a {background: #878888!important;}
.feherbox .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3d2c64!important;}
.feherbox .bgfeher {padding-bottom: 80px;}

.rolunksav li {padding: 0 15%;}
.rolunksav li:hover {background-color: #fff}
.rolunksav li div div {padding: 0 40px 15px 40px;margin-top: -15px;}
.rolunksav .lenyilolink {display: block;color: #3d2c64; padding: 30px 40px;font-weight: 600;font-family: Playfair Display;font-size: 20px;background-image: url(/Views/img/lista-le.svg);background-repeat: no-repeat;background-position: left 30px;background-size: 25px;}
.rolunksav .felnyil {background-image: url(/Views/img/lista-fel.svg);}
.nevjegysav .bx-wrapper .bx-pager.bx-default-pager a {background: #878888!important;}
.nevjegysav .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3d2c64!important;}


.nevjegyek .nbox {position: relative;display: inline-block;	-webkit-transform-style: preserve-3d;	transform-style: preserve-3d;-webkit-perspective: 5000px;perspective: 5000px;margin-top: 15px;}
.nevjegyek .w25 {width: 24%;margin: 10px 1% 10px 1%;}
.nevjegyek .nevadatok {position: absolute;bottom: 20px;width: 100%;padding: 10px 15px;color: #3d2c64;background-color: rgba(255,255,255,0.8);text-align: center;}
.nevjegyek h5 {font-size: 20px;color: #d43529;font-weight: 600;}
.nevjegyek .nevjegyinfo {position: relative;z-index: 10;width: 100%;height: 100%;background-color: #f7f8f9;color: #3d2c64;padding: 10px 15px;-webkit-transition: all 500ms ease;transition: all 500ms ease;font-size: 16px;}
.nevjegyek .nevjegyinfo .idezet {font-weight: 400;margin-bottom: 25px;}
.turnicon {position: absolute;top:10px;right: 10px;width: 30px;height: 30px;background-repeat: no-repeat;background-size: contain;background-image: url(/Views/img/turn.svg);opacity: 0.3;}
.front,
.back{
	overflow: hidden;
	border-radius: 15px;
	background-repeat: no-repeat;background-size: cover;background-position:center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	text-align: left;
}
.nbox .front, .back {height: 550px;}

.back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nbox .back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;	transform-style: preserve-3d;}
.nbox .front{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}  

.nboxturn .back{
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  }
.nboxturn .front{
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

  .nboxturn .back{
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.nboxturn .front{
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
  } 

.kapcsolatcim .hasab21 {padding-right: 0;}
.kapcsolatsav .kbox {display: table;width: 100%;margin: 5px 0;min-height: 60px;}
.kapcsolatsav .hasab14 {background-size: cover;background-repeat: no-repeat;background-position: center;}
.kapcsolatsav .kcim {display: table-cell;width: 25%;vertical-align: middle;font-size: 20px;padding: 5px 10px;}
.kapcsolatsav .kszoveg {display: table-cell;width: 75%;vertical-align: middle;padding: 5px 10px;}
.kapcsolatsav .kszoveg small {font-size: 14px;}

.partnerek {margin-top: 15px;}
.partner {position: relative;display: inline-block;width: 23%;margin: 10px 1%;	-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
.partnerinfo {position: relative;z-index: 10;width: 100%;height: 100%;background-color: #fff;color: #3d2c64;padding: 10px 15px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.partnerinfo .nev {font-weight: 400;margin-bottom: 15px;}
.partnerinfo .nev a {color: #3d2c64;}
.partnerinfo .nev a:hover {border-bottom: 1px dotted #3d2c64;}

.partnerek .front, .partnerek .back{
	overflow: hidden;
	border-radius: 15px;
	background-color: #fff;
	background-repeat: no-repeat;background-size: auto;background-position:center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	text-align: left;
	min-height: 180px;
}
  
.partner:hover .front, .partner:hover .back{
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.partner .back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}

.partner .front{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d; }

.partner:hover .back{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}

.partner:hover .front{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}

.obox {width: 48%;margin: 15px 1%;padding: 15px;}
.vbox {width: 98%;margin: 15px 1%;padding: 40px;}
.vbox img {display: inline-block!important;}
#jelentkezes {position: relative;margin-top: -65px;}
.jelentkezes .hasab21 {padding: 25px 7% 25px 10%;}
.jelentkezes h5 {font-family: "Playfair Display";font-weight: 500;font-size: 34px;margin-bottom: 30px;}
.jelentkezes input[type="text"], select {font-weight:300;border: none;border-radius:15px;padding: 5px 25px;min-width: 80%;background-color: #efefef;}
.jelentkezes input[type="text"]:hover, select:hover {background-color: #fff;}
.jelentkezes .chbox input:checked ~ .checkmark {background-color: #fff;}
.jelentkezes .chbox .checkmark:after {border: solid #d9960a;border-width: 0 3px 3px 0;}
.jelentkezes .hasab22 {padding: 0;}
.jelentkezes .hasab22 img {width: 100%;height: 100%;object-fit: cover;}
#szolgaltatasok ol {margin: 10px 0 10px 40px;}
#szolgaltatas .bx-wrapper .bx-prev {left: -5%;}
#szolgaltatas .bx-wrapper .bx-next {right: -5%;}
#szolgaltatas .bx-wrapper .bx-controls-direction a {top: 15%;}

.illusztracio label {display: inline-block; width: 16%;padding: 4x;margin-bottom: 5px;border-radius: 10px;}
.illusztracio label.aktiv {background-color: #d9960a;color: #fff;font-weight: bold;}

.footer {position: relative;}
.footer h5 {font-family: "Playfair Display";font-size: 22px;margin-bottom: 30px;}
.socmedbar {padding: 30px 0;font-size: 36px;font-weight: 400;color: #fff;font-family: "Playfair Display";}
.socmedbar b {font-weight: 700;}
.iconbar {display: flex;justify-content: space-between;}
.iconbar a {display: inline-block;}
.iconbar a img {display: block;width: 45px;height: 45px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.iconbar a:hover img {transform: scale(1.4);}
.donate {color: #fff;padding: 50px 0;font-size: 18px;}
.donate a {color: #fff;}
.donate h5 {font-weight: 400;font-size: 26px;}
.donate h5 b {font-weight: 700;}
.donate p {margin: 15px 0;font-weight: 300;}
.donate p b {font-weight: 600;}
.donate hr {height: 1px;border: none;background-color: rgba(247,248,249,0.2);}

.napiige h3 b {font-weight: 700;}

.statbox {display: inline-block;width: 31.3%;margin: 0 1%;text-align: center;color: #3d2c64;}
.statbox h4 {font-family: Playfair Display;font-size: 24px;margin-top: 40px;}
/* kördiagram */
.circular-chart {display: block;position: relative;margin: 10px auto;max-width: 50%;}
.kor-bg {fill: #3d2c64;stroke: #3d2c64;stroke-width: 4;}
.koriv-bg {fill: none;stroke: #000;stroke-width: 2;}
.koriv {fill: none;stroke-width: 2;stroke-linecap: round;stroke: #ff9f00;}
.korivanim {animation: progress 2s ease-out forwards;}
@keyframes progress {
	0% {stroke-dasharray: 0 100;stroke: #d43529;}
}
.korkozep {fill: #3d2c64;}
.szamadat {fill: #fff;font-family: "Playfair Display";font-size: 6px;text-anchor: middle;font-weight: 600;}

.newsletter {padding: 50px 0;color: #3d2c64;font-size: 18px;}
.newsletter h5 {font-weight: 400;font-size: 26px;margin-bottom: 25px;}
.newsletter h5 b {font-weight: 700;}
.newsletter p {margin: 15px 0;}
.newsletter .sargagomb {font-family: Signika;font-size: 18px;}
/*
.newsletter input {font-size: 18px;font-family: Signika;}
.newsletter input[type="text"], input[type="email"] {font-weight: 300; border: none;border-radius: 15px;background-color: #ececec;padding: 5px 25px;min-width: 80%;}
.newsletter input:hover {background-color: #ccc;}
.newsletter input[type="submit"]:hover {background-color: #fff;}
*/
.chbox {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.chbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 15px;}
.chbox:hover input ~ .checkmark {background-color: #ccc;}
.chbox input:checked ~ .checkmark {background-color: #d9960a;}
.checkmark:after {content: "";position: absolute;display: none;}
.chbox input:checked ~ .checkmark:after {display: block;}
.chbox .checkmark:after {left: 10px;top: 7px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.footmenu {padding: 20px 0;display: flex;justify-content: space-evenly;}
.footmenu a {display: block;padding: 5px 10px;color: #3d2c64;font-size: 16px;}
.footmenu a:hover {border-bottom: 1px dotted #3d2c64;}
.footmenu a.gombmenu {background-color: #d9960a;color: #fff;text-transform: uppercase;padding: 5px 15px;border-radius: 15px;font-weight: 600;}
.footmenu a.gombmenu:hover {background-color: #3d2c64;border: none!important;}

.sutinfo {position: fixed;width: 100%;max-height: 80%;bottom:0;left:0;z-index: 1000;color: #fff;overflow: auto;border-top: 2px solid #fff;transform: translateY(100%);-webkit-transition: all 600ms ease;transition: all 600ms ease;z-index: 11000;}
.sutinfok {transform: translateY(0);}
.sutinfo .narancsgomb:hover {color: #d9960a;}
.sutinfo .suticim {text-align: center;font-size: 22px;font-weight: bold;}
.sutinfo .swrapper {position: relative;width: 90%;max-width: 1200px;margin: auto;padding: 15px 0;}
a.zoldgomb {display: inline-block;height: 35px;background-color: green;color: #fff;padding: 5px 10px;font-weight: bold;}

a.szurkegomb {display: inline-block;height: 35px;background-color: #eaeaea;color: #15387b !important;font-size: 17px;padding: 5px 10px;font-weight: bold;}
#sbeallit {display: none;}
.sutinfo label {position: relative;padding: 4px 0 0 50px;line-height: 2em;cursor: pointer;margin-left: 15px;display: inline;}
.sutinfo label::before {content: "";position: absolute;display: block;left:0;top:5px;width: 40px;height: 24px;border-radius: 16px;background: #d9960a;transition: all 0.3s;}
.sutinfo label::after {content: "";position: absolute;display: block;left:0;top:5px;width: 24px;height: 24px;border-radius: 16px;background: #fff;border: 1px solid #d9d9d9;transition: all 0.3s;margin-left: 16px;}
.sutinfo label.inaktiv::before {background: #888;}
.sutinfo label.inaktiv::after {margin-left:0;}


p.error {display: inline-block;background-image: url(/Views/img/error.png);background-repeat: no-repeat;background-position: 5px 7px;background-color: #ffe4e2;border: 2px solid #FF0000;padding: 6px;padding-left: 30px;}
p.warning {display: inline-block;background-image: url(/Views/img/warning.png);background-repeat: no-repeat;background-position: 5px 7px;border: 2px solid #d43529;border-radius: 15px;background-color: rgba(212,53,41,0.2);padding: 6px;padding-left: 30px;}
p.ok {display: inline-block;background-image: url(/Views/img/ok.png);background-repeat: no-repeat;background-position: 5px 7px;border: 2px solid #109e21;background-color: #d2e3d4;padding: 6px;padding-left: 30px;}
.tipp {display: inline-block;background-image: url(/Views/img/ready.png);background-repeat: no-repeat;background-position: 5px 8px;border: 2px solid #ffe396;background-color: #fff7e2;padding: 6px;padding-left: 30px;}

.button {display: inline-block;margin: 0 10px 6px 0;padding: 15px 25px;float: none;border-radius: 8px;background-color: #073c65;box-shadow: none;-webkit-transition: all 500ms ease;transition: all 500ms ease;font-family: Verdana;color: white;font-size: 14px;font-weight: 300;text-align: center;    letter-spacing: 2px;text-decoration: none;text-transform: uppercase;}
.button:hover { border-color: #dfe5ea;background-color: #dfe5ea;box-shadow: none;-webkit-transition: none 0ms ease;transition: none 0ms ease;    color: #073c65;}

.buttonok {background-color: #4c9442!important;color: #FFF!important;}
.buttonok:hover {color: #FFF;}

.buttonmegse {color: #fff!important;background-color: #ea8c4e!important;}
.buttonmegse:hover {color: #fff;}

#simplegomb form {display: inline-block;}
#simplegomb button {display: inline-block;padding: 5px 20px;background-color: #d43529;color: #fff;border-radius: 15px;font-weight: 600;font-size: 16px;cursor: pointer;-webkit-transition: all 500ms ease;transition: all 500ms ease;border: 1px solid #d43529;}
#simplegomb button:hover {background-color: #fff;color: #d43529;}

@media only screen and (min-width: 900px) {
	.nbox:hover .front,
	.nbox:hover .back{
		-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	}

	.nbox:hover .back{
	-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
	}

	.nbox:hover .front{
	-webkit-transform: rotateY(-180deg);
			transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
	}
}
@media only screen and (max-width: 1100px) {
	.topmenusav {padding-bottom: 15px;}
	.leiras span{padding: 0.5px;}
    .balra {margin-left: -38px;}
    .jobbra {margin-right: -38px;}
	.partner {width: 48%;}
}

@media only screen and (max-width: 900px) {
	.topmenusav {padding-bottom: 0;}
	.b2 {width: 100%;}
	.wrapper {padding: 0;}
	.bwrapper {width: 90%;}
	.iconbar {margin-top: 20px;justify-content: space-evenly;}
	.logo {width: 30%;padding-top: 10px;max-width: inherit;}
	.menugomb {display: block;}
	.mobilmenu {display: block!important;padding: 15px 0 5px 20%;}
	.header .mobilmenu a.gombmenu {position: relative;top:inherit;transform: none;left:inherit;right: inherit;}
	.header .mobilmenu a.ikon-en {display: block;position: relative;background-position: left;right: inherit;margin:0;}
	ul.menu {display: none;position: absolute;top:0;left:0;background-color: #fff;width: 100%;padding: 40px 0 15px 0;z-index: 1;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;box-shadow: 0 0 2px #3d2c64;margin:0;transition: none;-webkit-transition: none;}
	ul.menu li {display: block;width: 100%;padding-left: 20%;}
	ul.menu a {padding: 8px 5px;font-weight: 500;}
	ul.menu ul {display: block;width: 100%;margin-top: 0;padding-bottom: 0;max-height: inherit;display: none;}
	ul.menu a.gombmenu {margin-top:0;display: inline-block;}
	ul.menu a.ikon-en {display: none;}
	ul.menu ul li {padding-left: 10%;}
	ul.menu ul a {padding-left:0;}
	ul.menu:hover ul {padding-bottom:0;}
	ul.menu li:hover ul {padding-bottom: 0;display: block;}
	.footmenu {display: block;column-count: 2;padding: 15px 1%;}
	.footmenu a {text-align: center;padding: 10px;}
	.footmenu a:hover {border: none;}
	
	.hasab1 {grid-column:1 / 13;}
	.hasab2 {grid-column:1 / 13;}
	.doboz1 {grid-column: 1 / 13;}
	.doboz2 {grid-column: 1 / 13;}
	.doboz3 {grid-column: 1 / 13;} 
	.hasabok2 {column-count: 1;}
	.hasab21 {width: 100%;padding: 0 5%;}
	.hasab22 {width: 100%;padding: 0 5%;}
	.hasab1k {padding: 0 5%;}
	.wbox {width: 48%;}
}

@media only screen and (max-width: 600px) {
	body {padding-top: 70px;}
	.header a.gombmenu {left: 52%;right: inherit;padding: 5px 15px;font-size: 15px;margin: 0;top: 50%;transform: translateY(-50%);}
	.header a.ikon-en {display: none;}
	.logo {width: 40%;}
	.terkoz {padding: 15px 0;}
	h3 {font-size: 36px;}
	.fhlead {max-width: 90%;margin: 10px auto;}
	.fdlead {max-width: 90%;margin: 10px auto;}
	.wbox {font-size: 16px;padding: 20px 5px;margin: 10px 2%;width: 46%;}
	.socmedbar {font-size: 28px;padding: 15px 0;text-align: center;}
	.donate {font-size: 16px;padding: 20px 0;}
	.hbox h4 {font-size: 24px;}
	.hbox {margin: 10px;padding: 10px 20px;}
	.hbox h4 {font-size: 22px;}
	.hbox .idopont {font-size: 22px;}
	#slidernews {margin-top: 10px;}
	.statbox {width: 100%;}
	.hirhasab21 {width: 100%;padding: 20px 5%;}
	.hirhasab22 {width: 100%;padding: 20px 5%;}
	.hasab1 {padding: 0 5%;}
	.hasab21nagy {width: 100%;}
	.hasab22nagy {width: 100%;}
	.hasab21box {width: 100%;}
	.hasab13box {width: 100%;}
	.hasab23box {width: 100%;}
	.hasab22box {width: 100%;padding: 0;}
	#slider .sbox img {height: 300px;object-fit: cover;}
	.scim {font-size: 26px;bottom: 50%;top: inherit;transform: translateY(50%);padding: 0 20px;}
	.hirsav h3 {margin: 10px 0;font-size: 26px;}
	.savcim {font-size: 28px;}
	.circular-chart {max-width: 45%;margin: 30px auto 0 auto;}
	.statbox h4 {margin-top: 10px;font-size: 22px;}
	.statbox p {margin:0;}
	.sliderbox {margin-top:0;}
	.slidersav .bx-wrapper .bx-controls-direction a {bottom: 10px;top: inherit;height: 35px;}
	.rolunksav li {padding: 0 5%;}
	.rolunksav li div div {padding: 0 0 15px 0;}
	.nevjegyek .nbox {width: 95%;}
	.front {width: 90%;margin:auto;height: 350px;}
	.back {left: 5%;width: 90%;height: 350px;}
	.box3 {width: 90%;margin: 10px 5%}
	.hasab14 {width: 100%;padding: 0 5%;}
	.hasab24 {width: 100%;padding: 0 5%;}
	.wsbox {width: 48%;/*min-height: 172px;*/padding: 20px 5px;font-size: 17px;}
	.box2 {width: 100%;margin: 10px 0;}
	.wboxopen h3 {font-size: 22px;}
	.wboxopen h5 {font-family: "Playfair Display";font-weight: 500;font-size: 22px;margin-bottom: 15px;}
	.wboxopen .table {display: block;}
	.wboxopen .cb1 {display: inline-block;width: auto;}
	.wboxopen .cb2 {width: 20%;display: inline-block;}
	#wbox .cb3 {width: 100%;padding: 0 4%;}
	#wbox .bx-wrapper .bx-controls-direction a {top: 30%;}
	.osszegbox {width: 48%;margin: 5px 1%;font-size: 30px;}
	.osszegbox small {font-size: 13px;}
	.egyedi {width: 98%;margin-top: 5px;margin-left: 1%;}
	.anyagi .gsinfo {position: relative;left:0;width: 100%;margin-bottom: 5px;}
	.anyagi .gombsor input {font-size: 16px;}
	.hirkovetes img {margin-left: 3%;}
	.obox {width: 100%;}
	#jelentkezes {margin-top: -30px;}
	.wboxhasab2 {column-count: 1;column-gap: 0;}
	.partner {width: 100%;margin: 10px 0;}
	.donate {text-align: center;}
	.mediakiemelt {margin: 0 4%;}
	.mediakiemelt .hasab21nagy {padding: 15px 10px 0 10px;}
	.mediakiemelt .hasab22nagy {padding: 15px 10px 0 10px;}
	#senkigyermekei p.jobbra {text-align: center;}
	#sinfo {font-size: 16px;}
	#sbeallit {font-size: 16px;}	
	.ytvideo {max-height: 350px;}
	.projekt {min-height: inherit;}
	.projekt .kep {width: 95%;min-height: inherit;height: 180px;border-top-right-radius: 15px;border-bottom-left-radius: 0;padding: 10px 3% 5px 3%;}
	.projekt .kfakep {width: 95%;min-height: inherit;height: 180px;border-top-right-radius: 15px;border-bottom-left-radius: 0;padding: 10px 3% 5px 3%;}
	.projekt .kep img {object-fit: contain;}
	.projekt .kfakep img {object-fit: contain;}
	.projekt .info {width: 95%;padding: 5px 3%;}
	.projekt .kfainfo {width: 95%;padding: 5px 3%;}
	.projekt .info .gombok {text-align: center;}
	.projekt .diagram {width: 95%;height: 230px;text-align: center;border-bottom-left-radius: 100%;border-bottom-right-radius: 100%;background-color: #fff;}
	.bgfelkor {display: none;}
	.diagram .circular-chart {width: 100%;height: 80%;}
	.pinfo {flex-flow: column-reverse;padding: 10px 3% 35px 3%;}
	.pinfo .gyujtesek {width: 100%;padding: 0 3%;}
	.pinfo .kiemeltcim {font-size: 22px;}
	.pinfo .info {width: 100%;padding: 0 3%;}
	.gyujtobox {font-size: 16px;}
	.gyujtobox .boxcim {font-size: 18px;}
	.pinfo a.bezarlent {bottom: 10px;right: 50%;transform: translateX(50%);}
	.wboxopen .gombsor a {font-size: 16px;}
	.boxinfo .gombsor a {font-size: 16px;}
	.felirgomb {text-align: center;}
	.rolunksav .lenyilolink {background-size: 36px;padding: 34px 50px;}
	.galeriasav .mobil4 {display: block;}
	.galeriasav .kep {width: 50%;max-height: 280px;}
	.galeriasav .kep .arnyalat {display: none;}
	.kapcsolatsav .hasab14 {height: 300px;margin-bottom: 10px;background-position: center;}
	.kapcsolatsav .kcim {display: block;width: 100%;}
	.kapcsolatsav .kszoveg {display: block;width: 100%;}
	.ikat {display: block;width: 100%;}
	.iinfo {display: block;width: 100%;padding: 10px;}
	p.segitgomb {text-align: center;}
	p.gomb {width: 100%;position: relative;left: inherit;text-align: center;}
	.nevjegyinfo {font-size: 15px;}
	.feherbox .bgfeher {padding-bottom: 40px;}
	.teljeshasab {padding: 0 15px;}
	.johirek .bx-wrapper .bx-prev {left:0;}
	.johirek .bx-wrapper .bx-next {right:0;}
	.hirlevelsav .box3 .gomb {left:0;}
	.bx-wrapper .bx-controls-direction a {width: 35px;}
	#szolgaltatas #gombok {display: none;}
	.szolg {margin-bottom: 30px;}
	.boxinfo h4 {font-size: 22px;}
	#szolgaltatas .boxinfo h3 {margin-bottom: 0;}
	.newsletter {padding: 10px 0;}
	.nevjegysav .bx-wrapper .bx-controls-direction a {top: 50%;height: 45px;}
	.nevjegysav .bx-wrapper .bx-controls-direction a:hover {background-color: transparent;}
	.nevjegysav .bx-wrapper .bx-prev {left: 5%;}
	.nevjegysav .bx-wrapper .bx-next {right: 5%;}
	.belepsav {padding: 1px 2%;}	
	.adminhasab {text-align: left;width: 100%;}
	.userhasab {text-align: right;width: 100%;}
	.urlap {width: 100%;}
	.footmenu a {font-size: 14px;}
	.sargagomb {margin: 5px 0;}
	.kekgomb {margin: 5px 0;}
	.pirosgomb {margin: 5px 0;}
	.mobilhide {display: none;}
	.csakmobilon {display: block;}
}