.flexbox {
    display: flex;
}

.underline {
    text-decoration: underline;
}

.space-between {
    justify-content: space-between;
}

.kezdolap #g-main {
    display: none;
}

.new-layer {
    position: relative;
}

body,
.button {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.column {
    flex-direction: column;
}

.center {
    text-align: center;
}

.absolute {
    position: absolute;
}

.uppercase {
    text-transform: uppercase;
}

.flexbox.center {
    justify-content: center;
}

#g-slideshow {
    background: url('../../../images/rendszer/menu-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

#g-slideshow .g-content {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.g-menu-item-title {
    color: #fff;
}

.top-menu-item a {
    color: #fff;
}

.g-main-nav {
    z-index: 20;
}

.g-toplevel {
    position: relative;
}

.g-menu-item.g-menu-item-type-separator.g-menu-item-230.g-parent.g-standard.dark {
    position: absolute;
    right: 11.5%;
}

.g-main-nav .g-toplevel>li.g-parent .g-menu-parent-indicator {
    display: none;
}

.g-main-nav .g-toplevel>li>.g-menu-item-container,
.g-main-nav .g-sublevel .g-menu-item-container {
    padding: 30px 20px;
}

.g-main-nav .g-sublevel .g-menu-item-container {
    background-color: #fff;
}

.g-main-nav .g-sublevel .g-menu-item-container .g-menu-item-title {
    color: #002152;
}

.g-main-nav .g-toplevel>li>.g-menu-item-container:hover {
    background-color: #fff;
}

.g-main-nav .g-toplevel>li>.g-menu-item-container:hover .g-menu-item-title {
    color: #002152;
}

#top-menu {
    background: linear-gradient(to right, transparent, #00CFC3 50%);
}

#g-slideshow .finder {
    background-color: #00CFC3;
    padding: 1px 0;
}

#g-slideshow,
.button {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.top-menu-item {
    padding: 6px 12px 7px 12px;
}

.top-menu-item a:hover {
    color: #030303;
}

#g-slideshow div[id*='logo'] {
    padding: 0;
}

#g-slideshow div[id*='logo'] a {
    margin: 0;
}

#g-slideshow div[id*='logo'] img {
    max-width: unset;
    margin-top: -30px;
}

#g-slideshow .finder input[class*='search-query'] {
    border-radius: 1px;
    border: 1px solid #00AAA0;
    padding: 0 0 0 10px;
    height: 30px;
    width: 100%;
}

#g-slideshow .finder form {
    margin: 4px 5px;
    position: relative;
}

.top-menu-item img {
    margin-right: 10px;
}

.top-menu-item a {
    font-weight: 300;
}

.g-main-nav .g-standard .g-sublevel>li {
    margin: 0;
}

.g-main-nav .g-standard>.g-dropdown,
.g-main-nav .g-fullwidth>.g-dropdown {
    margin-top: 0;
}

#g-topfullwidth {
    background: url('../../../images/rendszer/bemutat-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 30%;
    padding-bottom: 45px;
}

h1,
h2,
h3,
h4 {
    color: #002152;
}

h1,
h2,
h3 {
    font-size: 47px;
    line-height: 60px;
    font-weight: 300;
}

p {
    color: #030303;
    line-height: 20px;
}

.button {
    padding: 20px 80px;
    border: none;
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    font-weight: 300;
}

.orange {
    background-color: #FFB553;
}

.blue {
    background-color: #2652FF;
}

.red {
    background-color: #F34358;
}

.button:hover {
    background-color: #fff;
    border: 1px solid #030303;
    color: #030303;
}

#bemutatkozas-text {
    padding: 0 10% 0 20%;
}

#bemutatkozas-text p,
#beiratkozas-text p {
    margin-bottom: 40px;
}

#bemutatkozas-kepek img {
    height: 100%;
    top: 0;
    position: relative;
    border-radius: 25px;
    transition: all 0.5s;
}

#bemutatkozas-kepek img:hover {
    top: -10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#beiratkozas-kep img {
    width: 95%;
    height: 95%;
    object-fit: cover;
}

#beiratkozas-text {
    padding-left: 2%;
}

#clock,
#earth {
    position: absolute;
}

#clock {
    top: -100px;
    left: -40px;
}

#beiratkozas-text h2 {
    margin-top: 60px;
}

#earth {
    right: 50px;
    width: 150px;
    bottom: -20px;
}

#g-top .g-content {
    padding-top: 30px;
}

#g-footer {
    background: url('../../../images/rendszer/footer-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#g-footer a {
    color: #fff;
    font-weight: 300;
}

#g-footer a:hover {
    color: #00CFC3;
}

#footer-menus a {
    margin-bottom: 20px;
}

#footer-logo {
    margin-top: 50px;
    margin-bottom: 30px;
}

.footer-contact a {
    font-size: 13px;
}

.footer-contact img {
    margin-right: 15px;
    margin-top: 2px;
    width: 21px;
    height: 21px;
}

.footer-contact {
    margin-bottom: 20px;
}

#map-container {
    height: 100%;
}

#footer iframe {
    height: 320px;
    width: 35vw;
    max-width: unset;
    position: absolute;
    right: 0;
}

#g-copyright .g-content {
    padding-top: 0;
    padding-bottom: 0;
}

#g-copyright {
    background-color: #fff;
}

#copyright {
    margin-bottom: 0;
}

#copyright a,
#copyright {
    color: #030303;
}

#copyright a:hover {
    color: #009A91;
}

#g-bottom {
    background: url('../../../images/rendszer/kreta-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
}

#kreta-links img {
    width: 150px;
    margin: 40px auto 70px auto;
}

#kreta-links a {
    color: #fff;
    font-size: 25px;
    font-weight: 200;
    margin-bottom: 30px;
}

#kreta-links a:hover {
    color: #009A91;
}

#kreta-links {
    margin-bottom: 20px;
}

#kreta-calendar a {
    margin-bottom: 15px;
}

#kreta-calendar img {
    width: 70px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#kreta-calendar {
    position: fixed;
    left: 50px;
    bottom: 20px;
    z-index: 2;
}

#g-extension {
    height: 0;
}

#partnereink-logo-images img {
    height: max-content;
    max-width: 150px;
    margin: 0 30px 0 30px;
}

#partnereink-logo-images {
    align-items: center;
}

#partnereink-logos h4 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 40px;
}

#g-fullwidth {
    background: url('../../../images/rendszer/partner-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -15vw;
}

#partnereink-text-inner {
    margin-top: 150px;
    padding-left: 5vw;
    padding-right: 2vw;
}

.ic_eventlist {
    width: 80%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 330px;
}

.ic-section {
    position: absolute;
    left: 0;
}

.ic-col {
    margin: 0;
}

#eventlist-controls img {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

#eventlist-controls img:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#eventlist-controls {
    width: 100%;
    margin-top: -170px;
}

#g-utility {
    background: url('../../../images/rendszer/list-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 950px;
    position: relative;
}

#event-list h3 {
    margin-top: 150px;
    margin-bottom: 120px;
}

.ic-date-img-box {
    display: none;
}

.default_eventlist hr {
    display: none;
}

.eventlist-image {
    border-radius: 40px;
    border: 2px solid #fff;
    width: 250px;
    height: 250px;
    object-fit: cover;
    margin-bottom: 15px;
}

.iceventlist-title a {
    color: #002152;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    border-bottom: 1px solid #002152;
    margin-top: 40px;
    font-size: 20px;
}

.iceventlist-title a:hover {
    color: #009A91;
    border-color: #009A91;
}

.iceventlist-title {
    border-radius: 40px;
    position: relative;
    top: 0;
    transition: all 0.5s;
    margin-top: 20px;
    padding-bottom: 10px;
}

.iceventlist-title:hover {
    top: -10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.default_eventlist {
    padding-top: 15px;
}

#calendar {
    z-index: 2;
    position: relative;
    margin: 0 auto 8% auto;
    width: 40%;
    background-color: #C5E9FF;
    box-shadow: 10px 9px 0px 2px rgb(51 158 215 / 44%);
    border-radius: 10px;
    min-height: 440px;
}

#calendar-bg {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 700px;
    margin-top: 50px;
}

#icagenda_calendar thead {
    display: none;
}

.iccalendar table td {
    height: 75px;
}

.iccalendar table td div {
    background: #339ED7;
    width: 100%;
    height: 92%;
    color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

#calendar .iccalendar table td div.icevent a div {
    background: #F65A74;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #fff !important;
}

#calendar .iccalendar table td div.no-event,
#calendar .iccalendar table td div.icevent a div {
    font-size: 30px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    padding-top: 20px !important;
}

#calendar-text {
    margin-bottom: -130px;
    margin-top: -50px;
    font-size: 35px;
}

#calendar-nav .calendar-monthyear {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #105D86;
    font-size: 30px;
    margin: 2px 10px;
    font-weight: 500;
}

#calendar-nav img {
    width: 18px;
    height: 18px;
}

#calendar-nav {
    margin-bottom: 20px !important;
    margin-top: 50px !important;
    padding: 10px !important;
}

.g-menu-item-220 ul.g-sublevel,
.g-menu-item-224 ul.g-sublevel,
.g-menu-item-226 ul.g-sublevel {
    padding: 7px 20px 7px 20px;
}

.g-menu-item-230 ul.g-sublevel {
    padding: 20px;
}

ul.g-sublevel {
    background-color: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.g-sublevel li:not(:last-child)::after {
    content: "";
    background: linear-gradient(to right, #00AAA0 40%, transparent);
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    transition: display 0.6s ease-in-out;
}

.g-menu-item-220 ul.g-sublevel .g-menu-item-container {
    width: 220px;
}

.g-menu-item-226 ul.g-sublevel {
    width: 131px;
    padding: 0 15px;
}

.g-menu-item-230 ul.g-sublevel .g-menu-item-container {
    width: 250px;
    display: flex;
}

.g-menu-item-230 ul.g-sublevel .g-menu-item-container img {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    margin-top: 8px;
}

#stripes {
    width: 350px;
    margin-bottom: -30px;
    z-index: 3;
}

#g-feature {
    background: url('../../../images/rendszer/outer-bg.svg');
    background-repeat: no-repeat;
    background-size: 100% 700px;
}

#calendar-container {
    margin-top: 150px;
}

#g-feature .g-content {
    padding-bottom: 0;
}

div[id*='mod_iccalendar'] {
    padding: 5px !important;
}

#ictip a.close {
    color: #105D86;
    opacity: 1;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

#ictip a.close:hover {
    color: #105D86;
}

#ictip span.ictip-date-lbl,
#ictip span.ictip-date-format {
    color: #105D86;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

#ictip {
    background-color: #C5E9FF;
}

#ictip .ictip-event {
    border-color: #105D86;
}

.g-menu-item-220 .g-sublevel li:hover::after,
.g-menu-item-230 .g-sublevel li:hover::after,
.g-menu-item-224 .g-sublevel li:hover::after,
.g-menu-item-226 .g-sublevel li:hover::after {
    content: "";
    background: #009A91;
    height: 2px;
    width: 100%;
    position: absolute;
}

#g-slideshow .icon-search:before {
    color: #00AAA0;
}

#g-slideshow button.finder {
    font-size: 0;
    position: absolute;
    background-image: none;
}

#g-slideshow button.finder span {
    font-size: 17px;
}

#g-slideshow button.finder {
    background-color: transparent;
    text-shadow: none;
    right: 5px;
    border: 0px;
    top: 7px;
}

#g-slideshow .finder input[type='text'] {
    font-size: 13px;
    color: #030303;
}

#g-slideshow .finder input[type='text']::placeholder {
    color: #999999;
}

.g-chimera-menu {
    background: linear-gradient(to right, transparent 75%, #fff 20%);
}

.dark.g-menu-item.g-menu-item-230.g-menu-item-type-separator.g-parent.g-standard .g-menu-item-container img {
    width: 40px;
    height: 20px;
    margin-right: 1rem;
}

.g-dropdown.g-dropdown-right img {
    margin-right: 0 !important;
}

.g-chimera-menu .dark .g-menu-item-title {
    color: #030303;
}

.ic-divCell.ic-label,
.ic-full-description,
.ic-divCell.ic-value,
.ic-all-dates li,
.ic-divCell.ic-value a,
.ic-back a {
    color: #002152;
}

#ic-list-of-dates,
.ic-full-description {
    margin-left: 1.3rem;
}

.ic-divTable.ic-align-left.ic-clearfix {
    font-family: 'Plus Jakarta Sans', sans-serif;
}


/*----Media CSS Start------*/

@media (min-width: 2200px) and (max-width: 2570px) {}

@media (min-width: 2000px) and (max-width: 2200px) {
    .g-main-nav .g-toplevel>li>.g-menu-item-container,
    .g-main-nav .g-sublevel .g-menu-item-container {
        padding: 30px 1.3vw;
    }
    .g-active.g-dropdown.g-dropdown-right.g-fade {
        position: absolute;
        left: -12px;
        top: 82px;
    }
}

@media (min-width: 1800px) and (max-width: 2000px) {
    .g-main-nav .g-toplevel>li>.g-menu-item-container,
    .g-main-nav .g-sublevel .g-menu-item-container {
        padding: 30px 1.3vw;
    }
    .g-active.g-dropdown.g-dropdown-right.g-fade {
        position: absolute;
        left: -12px;
        top: 82px;
    }
}

@media (min-width: 1600px) and (max-width: 1800px) {
    .g-main-nav .g-toplevel>li>.g-menu-item-container,
    .g-main-nav .g-sublevel .g-menu-item-container {
        padding: 30px 1.3vw;
    }
    .g-active.g-dropdown.g-dropdown-right.g-fade {
        position: absolute;
        left: -12px;
        top: 82px;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .g-main-nav .g-toplevel>li>.g-menu-item-container,
    .g-main-nav .g-sublevel .g-menu-item-container {
        padding: 30px 1.58vw;
    }
    .g-active.g-dropdown.g-dropdown-right.g-fade {
        position: absolute;
        left: -12px;
        top: 82px;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .g-active.g-dropdown.g-dropdown-right.g-fade {
        position: absolute;
        left: -29px;
        top: 82px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .g-main-nav .g-toplevel>li>.g-menu-item-container,
    .g-main-nav .g-sublevel .g-menu-item-container {
        padding: 30px 15px;
        font-size: 16px;
    }
    .g-active.g-dropdown.g-dropdown-right.g-fade {
        position: absolute;
        left: -48px;
        top: 82px;
    }
    #g-slideshow div[id*='logo'] img {
        width: 230px;
        margin: -20px 0 0 20px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .g-menu-item.g-menu-item-type-separator.g-menu-item-230.g-parent.g-standard.dark {
        right: 7.5%;
    }
    .g-active.g-dropdown.g-dropdown-right.g-fade {
        position: absolute;
        left: -96px;
        top: 77px;
    }
    #g-slideshow div[id*='logo'] img {
        width: 220px;
        margin: -25px 0 0 0;
    }
    .g-main-nav .g-toplevel>li>.g-menu-item-container,
    .g-main-nav .g-sublevel .g-menu-item-container {
        padding: 30px 1.3rem;
        font-size: 13px;
    }
    .top-menu-item a {
        font-size: 13px;
    }
    .button {
        padding: 15px 60px;
    }
    #calendar {
        width: 60%;
    }
    #event-list h3 {
        margin-top: 120px;
        margin-bottom: 80px;
    }
    #kreta-links a {
        font-size: 20px;
        margin-bottom: 25px;
    }
    #g-footer a {
        font-size: 12px;
    }
    #footer-menus a {
        margin-bottom: 13px;
    }
    #copyright {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dark.g-menu-item.g-menu-item-230.g-menu-item-type-separator.g-parent.g-standard .g-menu-item-container img {
        width: 30px;
        height: 13px;
    }
    .g-menu-item.g-menu-item-type-separator.g-menu-item-230.g-parent.g-standard.dark {
        right: 6.5%;
    }
    ul.g-active.g-dropdown.g-dropdown-right.g-fade {
        position: absolute;
        left: -149px;
    }
    #g-slideshow div[id*='logo'] img {
        width: 170px;
        margin: -25px 0 0 10px;
    }
    .top-menu-item img {
        width: 15px;
        height: 15px;
    }
    .top-menu-item a {
        font-size: 10px;
    }
    .g-main-nav .g-toplevel>li>.g-menu-item-container,
    .g-main-nav .g-sublevel .g-menu-item-container {
        padding: 18px 10.5px;
        font-size: 12px;
    }
    .button {
        padding: 15px 60px;
    }
    #earth {
        right: -10px;
        width: 110px;
    }
    #calendar {
        width: 75%;
    }
    #event-list h3 {
        margin-top: 100px;
        margin-bottom: 70px;
    }
    #kreta-links a {
        font-size: 20px;
        margin-bottom: 20px;
    }
    #footer-menus a {
        margin-bottom: 13px;
    }
    #g-footer a {
        font-size: 12px;
    }
    #footer iframe {
        height: 310px;
        width: 29vw;
    }
    #copyright {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .dark.g-menu-item.g-menu-item-230.g-menu-item-type-separator.g-parent.g-standard .g-menu-item-container img {
        display: none;
    }
    #g-offcanvas {
        background: #299a90;
    }
    #g-offcanvas #g-mobilemenu-container ul {
        background: #299a90;
    }
    #g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator:after {
        color: #fff;
    }
    .g-go-back a:before {
        color: #fff;
    }
    #top-menu {
        flex-direction: column;
        float: right;
    }
    .g-menu-item-226 ul.g-sublevel {
        width: 100%;
    }
    .g-menu-item-230 ul.g-sublevel .g-menu-item-container img {
        margin-right: 13px;
        margin-top: -3px;
    }
    .top-menu-item {
        margin-bottom: 0.5rem;
    }
    .g-block.size-16.nomarginleft.nopaddingleft .g-content {
        margin: 0;
        padding: 0;
    }
    #g-slideshow div[id*='logo'] img {
        margin: 10px 0 13px 40px;
    }
    .g-offcanvas-toggle {
        padding: 10px;
        background: #fff;
        top: 37px;
    }
    .fa.fa-fw.fa-bars {
        color: #299a90;
    }
    #bemutatkozas-text {
        text-align: center;
        padding: 0;
    }
    h1,
    h2,
    h3 {
        font-size: 30px;
        line-height: 45px;
        font-weight: 300;
    }
    .button {
        padding: 13px 60px;
    }
    #g-topfullwidth {
        padding-bottom: 0;
    }
    #bemutatkozas-kepek img {
        width: 100%;
        margin-top: 1rem;
    }
    #beiratkozas-text {
        text-align: center;
    }
    #earth {
        right: -50px;
        width: 90px;
        bottom: -20px;
    }
    #calendar {
        width: 100%;
    }
    #event-list h3 {
        margin-top: 70px;
        margin-bottom: 30px;
    }
    #g-utility {
        min-height: 630px;
    }
    #partnereink-logo-images {
        flex-direction: column;
    }
    #partnereink-logo-images img {
        max-width: 150px;
        margin: 0 30px 40px 30px;
    }
    #partnereink-text-inner {
        margin-top: 0;
    }
    #kreta-links a {
        font-size: 21px;
    }
    #g-footer {
        text-align: center;
    }
    #footer-menus a {
        margin-bottom: 10px;
    }
    #footer-menus {
        margin-bottom: 1rem;
    }
    #footer-logo {
        padding: 30px 0;
        margin: 0 0 0 50px;
    }
    .footer-contact.flexbox {
        justify-content: center;
    }
    #kreta-calendar {
        left: 13px;
        z-index: 2;
        bottom: 60px;
    }
    #footer iframe {
        height: 100%;
        width: 100%;
        max-width: unset;
        position: relative;
    }
}

@media (min-width: 640px) and (max-width: 768px) {}

@media (min-width: 500px) and (max-width: 640px) {}

@media (min-width: 400px) and (max-width: 500px) {}

@media (min-width: 300px) and (max-width: 400px) {}


/*----Media CSS End------*/