@charset "utf-8";

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 40px
}

.h2,
h2 {
    font-size: 34px
}

.h3,
h3 {
    font-size: 28px
}

.h4,
h4 {
    font-size: 22px
}

.h5,
h5 {
    font-size: 18px
}

.h6,
h6 {
    font-size: 16px
}

p {
    margin: 0 0 10px
}

@font-face {
    font-family: Pe-icon-7-stroke;
    src: url(../fonts/Pe-icon-7-stroke.eot?d7yf1v);
    src: url(../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'), url(../fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'), url(../fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'), url(../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" pe-7s-"],
[class^=pe-7s-] {
    display: inline-block;
    font-family: Pe-icon-7-stroke;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pe-7s-album:before {
    content: "\e6aa"
}

.pe-7s-arc:before {
    content: "\e6ab"
}

.pe-7s-back-2:before {
    content: "\e6ac"
}

.pe-7s-bandaid:before {
    content: "\e6ad"
}

.pe-7s-car:before {
    content: "\e6ae"
}

.pe-7s-diamond:before {
    content: "\e6af"
}

.pe-7s-door-lock:before {
    content: "\e6b0"
}

.pe-7s-eyedropper:before {
    content: "\e6b1"
}

.pe-7s-female:before {
    content: "\e6b2"
}

.pe-7s-gym:before {
    content: "\e6b3"
}

.pe-7s-hammer:before {
    content: "\e6b4"
}

.pe-7s-headphones:before {
    content: "\e6b5"
}

.pe-7s-helm:before {
    content: "\e6b6"
}

.pe-7s-hourglass:before {
    content: "\e6b7"
}

.pe-7s-leaf:before {
    content: "\e6b8"
}

.pe-7s-magic-wand:before {
    content: "\e6b9"
}

.pe-7s-male:before {
    content: "\e6ba"
}

.pe-7s-map-2:before {
    content: "\e6bb"
}

.pe-7s-next-2:before {
    content: "\e6bc"
}

.pe-7s-paint-bucket:before {
    content: "\e6bd"
}

.pe-7s-pendrive:before {
    content: "\e6be"
}

.pe-7s-photo:before {
    content: "\e6bf"
}

.pe-7s-piggy:before {
    content: "\e6c0"
}

.pe-7s-plugin:before {
    content: "\e6c1"
}

.pe-7s-refresh-2:before {
    content: "\e6c2"
}

.pe-7s-rocket:before {
    content: "\e6c3"
}

.pe-7s-settings:before {
    content: "\e6c4"
}

.pe-7s-shield:before {
    content: "\e6c5"
}

.pe-7s-smile:before {
    content: "\e6c6"
}

.pe-7s-usb:before {
    content: "\e6c7"
}

.pe-7s-vector:before {
    content: "\e6c8"
}

.pe-7s-wine:before {
    content: "\e6c9"
}

.pe-7s-hotdog:before {
    content: "\e6ca"
}

.pe-7s-winebottle:before {
    content: "\e6cb"
}

.pe-7s-bed:before {
    content: "\e6cc"
}

.pe-7s-champagne:before {
    content: "\e6cd"
}

.pe-7s-tombola:before {
    content: "\e6ce"
}

.pe-7s-facebook:before {
    content: "\e6cc"
}

.pe-7s-dog:before {
    content: "\e6e9"
}

.pe-7s-babakocsi:before {
    content: "\e6ce"
}

.pe-7s-cloud-upload:before {
    content: "\e68a"
}

.pe-7s-cash:before {
    content: "\e68c"
}

.pe-7s-close:before {
    content: "\e680"
}

.pe-7s-bluetooth:before {
    content: "\e68d"
}

.pe-7s-cloud-download:before {
    content: "\e68b"
}

.pe-7s-way:before {
    content: "\e68e"
}

.pe-7s-close-circle:before {
    content: "\e681"
}

.pe-7s-id:before {
    content: "\e68f"
}

.pe-7s-angle-up:before {
    content: "\e682"
}

.pe-7s-wristwatch:before {
    content: "\e690"
}

.pe-7s-angle-up-circle:before {
    content: "\e683"
}

.pe-7s-world:before {
    content: "\e691"
}

.pe-7s-angle-right:before {
    content: "\e684"
}

.pe-7s-volume:before {
    content: "\e692"
}

.pe-7s-angle-right-circle:before {
    content: "\e685"
}

.pe-7s-users:before {
    content: "\e693"
}

.pe-7s-angle-left:before {
    content: "\e686"
}

.pe-7s-user-female:before {
    content: "\e694"
}

.pe-7s-angle-left-circle:before {
    content: "\e687"
}

.pe-7s-up-arrow:before {
    content: "\e695"
}

.pe-7s-angle-down:before {
    content: "\e688"
}

.pe-7s-switch:before {
    content: "\e696"
}

.pe-7s-angle-down-circle:before {
    content: "\e689"
}

.pe-7s-scissors:before {
    content: "\e697"
}

.pe-7s-wallet:before {
    content: "\e600"
}

.pe-7s-safe:before {
    content: "\e698"
}

.pe-7s-volume2:before {
    content: "\e601"
}

.pe-7s-volume1:before {
    content: "\e602"
}

.pe-7s-voicemail:before {
    content: "\e603"
}

.pe-7s-video:before {
    content: "\e604"
}

.pe-7s-user:before {
    content: "\e605"
}

.pe-7s-upload:before {
    content: "\e606"
}

.pe-7s-unlock:before {
    content: "\e607"
}

.pe-7s-umbrella:before {
    content: "\e608"
}

.pe-7s-trash:before {
    content: "\e609"
}

.pe-7s-tools:before {
    content: "\e60a"
}

.pe-7s-timer:before {
    content: "\e60b"
}

.pe-7s-ticket:before {
    content: "\e60c"
}

.pe-7s-target:before {
    content: "\e60d"
}

.pe-7s-sun:before {
    content: "\e60e"
}

.pe-7s-study:before {
    content: "\e60f"
}

.pe-7s-stopwatch:before {
    content: "\e610"
}

.pe-7s-star:before {
    content: "\e611"
}

.pe-7s-speaker:before {
    content: "\e612"
}

.pe-7s-signal:before {
    content: "\e613"
}

.pe-7s-shuffle:before {
    content: "\e614"
}

.pe-7s-shopbag:before {
    content: "\e615"
}

.pe-7s-share:before {
    content: "\e616"
}

.pe-7s-server:before {
    content: "\e617"
}

.pe-7s-search:before {
    content: "\e618"
}

.pe-7s-film:before {
    content: "\e6a5"
}

.pe-7s-science:before {
    content: "\e619"
}

.pe-7s-disk:before {
    content: "\e6a6"
}

.pe-7s-ribbon:before {
    content: "\e61a"
}

.pe-7s-repeat:before {
    content: "\e61b"
}

.pe-7s-refresh:before {
    content: "\e61c"
}

.pe-7s-add-user:before {
    content: "\e6a9"
}

.pe-7s-refresh-cloud:before {
    content: "\e61d"
}

.pe-7s-paperclip:before {
    content: "\e69c"
}

.pe-7s-radio:before {
    content: "\e61e"
}

.pe-7s-note2:before {
    content: "\e69d"
}

.pe-7s-print:before {
    content: "\e61f"
}

.pe-7s-network:before {
    content: "\e69e"
}

.pe-7s-prev:before {
    content: "\e620"
}

.pe-7s-mute:before {
    content: "\e69f"
}

.pe-7s-power:before {
    content: "\e621"
}

.pe-7s-medal:before {
    content: "\e6a0"
}

.pe-7s-portfolio:before {
    content: "\e622"
}

.pe-7s-like2:before {
    content: "\e6a1"
}

.pe-7s-plus:before {
    content: "\e623"
}

.pe-7s-left-arrow:before {
    content: "\e6a2"
}

.pe-7s-play:before {
    content: "\e624"
}

.pe-7s-key:before {
    content: "\e6a3"
}

.pe-7s-plane:before {
    content: "\e625"
}

.pe-7s-joy:before {
    content: "\e6a4"
}

.pe-7s-photo-gallery:before {
    content: "\e626"
}

.pe-7s-pin:before {
    content: "\e69b"
}

.pe-7s-phone:before {
    content: "\e627"
}

.pe-7s-plug:before {
    content: "\e69a"
}

.pe-7s-pen:before {
    content: "\e628"
}

.pe-7s-right-arrow:before {
    content: "\e699"
}

.pe-7s-paper-plane:before {
    content: "\e629"
}

.pe-7s-delete-user:before {
    content: "\e6a7"
}

.pe-7s-paint:before {
    content: "\e62a"
}

.pe-7s-bottom-arrow:before {
    content: "\e6a8"
}

.pe-7s-notebook:before {
    content: "\e62b"
}

.pe-7s-note:before {
    content: "\e62c"
}

.pe-7s-next:before {
    content: "\e62d"
}

.pe-7s-news-paper:before {
    content: "\e62e"
}

.pe-7s-musiclist:before {
    content: "\e62f"
}

.pe-7s-music:before {
    content: "\e630"
}

.pe-7s-mouse:before {
    content: "\e631"
}

.pe-7s-more:before {
    content: "\e632"
}

.pe-7s-moon:before {
    content: "\e633"
}

.pe-7s-monitor:before {
    content: "\e634"
}

.pe-7s-micro:before {
    content: "\e635"
}

.pe-7s-menu:before {
    content: "\e636"
}

.pe-7s-map:before {
    content: "\e637"
}

.pe-7s-map-marker:before {
    content: "\e638"
}

.pe-7s-mail:before {
    content: "\e639"
}

.pe-7s-mail-open:before {
    content: "\e63a"
}

.pe-7s-mail-open-file:before {
    content: "\e63b"
}

.pe-7s-magnet:before {
    content: "\e63c"
}

.pe-7s-loop:before {
    content: "\e63d"
}

.pe-7s-look:before {
    content: "\e63e"
}

.pe-7s-lock:before {
    content: "\e63f"
}

.pe-7s-lintern:before {
    content: "\e640"
}

.pe-7s-link:before {
    content: "\e641"
}

.pe-7s-like:before {
    content: "\e642"
}

.pe-7s-light:before {
    content: "\e643"
}

.pe-7s-less:before {
    content: "\e644"
}

.pe-7s-keypad:before {
    content: "\e645"
}

.pe-7s-junk:before {
    content: "\e646"
}

.pe-7s-info:before {
    content: "\e647"
}

.pe-7s-home:before {
    content: "\e648"
}

.pe-7s-help2:before {
    content: "\e649"
}

.pe-7s-help1:before {
    content: "\e64a"
}

.pe-7s-graph3:before {
    content: "\e64b"
}

.pe-7s-graph2:before {
    content: "\e64c"
}

.pe-7s-graph1:before {
    content: "\e64d"
}

.pe-7s-graph:before {
    content: "\e64e"
}

.pe-7s-global:before {
    content: "\e64f"
}

.pe-7s-gleam:before {
    content: "\e650"
}

.pe-7s-glasses:before {
    content: "\e651"
}

.pe-7s-gift:before {
    content: "\e652"
}

.pe-7s-folder:before {
    content: "\e653"
}

.pe-7s-flag:before {
    content: "\e654"
}

.pe-7s-filter:before {
    content: "\e655"
}

.pe-7s-file:before {
    content: "\e656"
}

.pe-7s-expand1:before {
    content: "\e657"
}

.pe-7s-exapnd2:before {
    content: "\e658"
}

.pe-7s-edit:before {
    content: "\e659"
}

.pe-7s-drop:before {
    content: "\e65a"
}

.pe-7s-drawer:before {
    content: "\e65b"
}

.pe-7s-download:before {
    content: "\e65c"
}

.pe-7s-display2:before {
    content: "\e65d"
}

.pe-7s-display1:before {
    content: "\e65e"
}

.pe-7s-diskette:before {
    content: "\e65f"
}

.pe-7s-date:before {
    content: "\e660"
}

.pe-7s-cup:before {
    content: "\e661"
}

.pe-7s-culture:before {
    content: "\e662"
}

.pe-7s-crop:before {
    content: "\e663"
}

.pe-7s-credit:before {
    content: "\e664"
}

.pe-7s-copy-file:before {
    content: "\e665"
}

.pe-7s-config:before {
    content: "\e666"
}

.pe-7s-compass:before {
    content: "\e667"
}

.pe-7s-comment:before {
    content: "\e668"
}

.pe-7s-coffee:before {
    content: "\e669"
}

.pe-7s-cloud:before {
    content: "\e66a"
}

.pe-7s-clock:before {
    content: "\e66b"
}

.pe-7s-check:before {
    content: "\e66c"
}

.pe-7s-chat:before {
    content: "\e66d"
}

.pe-7s-cart:before {
    content: "\e66e"
}

.pe-7s-camera:before {
    content: "\e66f"
}

.pe-7s-call:before {
    content: "\e670"
}

.pe-7s-calculator:before {
    content: "\e671"
}

.pe-7s-browser:before {
    content: "\e672"
}

.pe-7s-box2:before {
    content: "\e673"
}

.pe-7s-box1:before {
    content: "\e674"
}

.pe-7s-bookmarks:before {
    content: "\e675"
}

.pe-7s-bicycle:before {
    content: "\e676"
}

.pe-7s-bell:before {
    content: "\e677"
}

.pe-7s-battery:before {
    content: "\e678"
}

.pe-7s-ball:before {
    content: "\e679"
}

.pe-7s-back:before {
    content: "\e67a"
}

.pe-7s-attention:before {
    content: "\e67b"
}

.pe-7s-anchor:before {
    content: "\e67c"
}

.pe-7s-albums:before {
    content: "\e67d"
}

.pe-7s-alarm:before {
    content: "\e67e"
}

.pe-7s-airplay:before {
    content: "\e67f"
}

#scrollUp,
#scrollUp:hover,
.opener div span {
    transition: background-color .25s ease-in-out
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

#scrollUp,
.opener {
    border-radius: 100%
}

#scrollUp {
    bottom: 10px !important;
    right: 10px !important;
    width: 60px !important;
    height: 60px !important;
    background: url(../images/arrow-down-white_2x.png) center center no-repeat #f8c017 !important;
    background-size: 9px 6px !important;
    opacity: .5 !important;
    z-index: 1000 !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#scrollUp:hover {
    background-color: #444 !important
}

.opener {
    cursor: pointer;
    width: 60px;
    height: 60px;
    background-color: #f8c017;
    padding: 0 10px;
    z-index: 1000;
    display: none
}

.mobilmenu .opener {
    display: table;
    z-index: 201;
    position: fixed;
    top: 10px;
    right: 10px
}

.opener div {
    display: table-cell !important;
    vertical-align: middle !important;
    border: none !important
}

.table-cell,
.valign-middle {
    vertical-align: middle
}

.opener div span {
    display: block;
    height: 3px;
    margin: 3px 0;
    background-color: #fff
}

menu {
    margin: 0 auto;
    left: 0;
    width: 100%;
    top: 0px;
    padding: 20px;
}

.mobilmenu menu .social,
.mobilmenu menu a,
.mobilmenu menu nav {
    display: block !important
}

.table,
body,
html,
.mobilmenu menu,
.mobilmenu menu a {
    margin: 0;
    width: 100%
}

.mobilmenu menu {
    position: fixed !important;
    top: 0;
    right: -100%;
    height: 100%;
    background-color: #4e4e4e;
    padding: 0 20px;
    transition: right .15s ease-out;
    z-index: 1;
    left: inherit;
}

.mobilmenu.opened {
    overflow: hidden;
}

.mobilmenu.opened menu {
    right: 0;
    transition: right .15s ease-out
}

.mobilmenu menu a {
    padding: 20px 0;
    border-bottom: 1px solid #474646;
    border-top: 1px solid #585757;
    font-size: 20px
}

.button,
.mobilmenu menu .button {
    padding: 15px 20px
}

.mobilmenu menu a:hover {
    color: #fff
}

.mobilmenu menu .cl-effect-1 a::after,
.mobilmenu menu .cl-effect-1 a::before {
    display: none !important
}

/*saját*/
[role="button"] {
    cursor: pointer;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: #000;
    padding: 16px;
    display: block;
    border-radius: 100%;
    background-size: 10px;
}

.carousel-control-next,
.carousel-control-prev {
    color: #fff;
    text-align: center;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ujmenu-cont {
    border-radius: 8px;
    background-color: rgba(248, 192, 23, .5);
    backdrop-filter: blur(15px);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.mobilmenu menu .button:hover {
    background-color: #f8c017
}

.mobilmenu menu .social,
.mobilmenu menu a,
.mobilmenu menu nav {
    display: block !important;
    width: 100%
}

.table,
body,
html,
.mobilmenu menu,
.mobilmenu menu a {
    margin: 0;
    width: 100%
}

.mobilmenu menu {
    position: fixed !important;
    top: 0;
    right: -100%;
    height: 100%;
    background-color: #4e4e4e;
    padding: 0 20px;
    transition: right .15s ease-out;
    z-index: 1;
    overflow-y: scroll
}

.mobilmenu menu.opened {
    right: 0;
    transition: right .15s ease-out
}

.mobilmenu menu a {
    padding: 10px 0;
    border-bottom: 1px solid #474646;
    border-top: 1px solid #585757;
    font-size: 20px;
    color: #fff !important;
    width: 100%;
    text-align: center
}

.button,
.mobilmenu menu .button {
    padding: 15px 20px
}

.mobilmenu menu a:hover {
    color: #fff
}

.mobilmenu menu .cl-effect-1 a::after,
.mobilmenu menu .cl-effect-1 a::before {
    display: none !important
}

.mobilmenu menu .button:hover {
    background-color: #f8c017
}

.mobilmenu menu .ujmenu-cont {
    background: #000
}

.ujmenu-cont {
    width: fit-content;
}

.ujmenu-cont>div {
    width: fit-content;
}

.ujmenu-cont a {
    margin: 0 10px;
}

.mobilmenu menu .inner-logo {
    display: none
}

#Layer_1 {
    opacity: .7
}

#Layer_1 * {
    fill: #fff
}

@font-face {
    font-family: 'Work Sans Medium';
    src: url(../fonts/WorkSans-Medium.eot);
    src: url(../fonts/WorkSans-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-Medium.woff2) format('woff2'), url(../fonts/WorkSans-Medium.woff) format('woff'), url(../fonts/WorkSans-Medium.svg#WorkSans-Medium) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Work Sans Light';
    src: url(../fonts/WorkSans-Light.eot);
    src: url(../fonts/WorkSans-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-Light.woff2) format('woff2'), url(../fonts/WorkSans-Light.woff) format('woff'), url(../fonts/WorkSans-Light.svg#WorkSans-Light) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Work Sans Thin';
    src: url(../fonts/WorkSans-Thin.eot);
    src: url(../fonts/WorkSans-Thin.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-Thin.woff2) format('woff2'), url(../fonts/WorkSans-Thin.woff) format('woff'), url(../fonts/WorkSans-Thin.svg#WorkSans-Thin) format('svg');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Work Sans Bold';
    src: url(../fonts/WorkSans-Bold.eot);
    src: url(../fonts/WorkSans-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-Bold.woff2) format('woff2'), url(../fonts/WorkSans-Bold.woff) format('woff'), url(../fonts/WorkSans-Bold.svg#WorkSans-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Work Sans Light';
    src: url(../fonts/WorkSans-ExtraLight.eot);
    src: url(../fonts/WorkSans-ExtraLight.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-ExtraLight.woff2) format('woff2'), url(../fonts/WorkSans-ExtraLight.woff) format('woff'), url(../fonts/WorkSans-ExtraLight.svg#WorkSans-ExtraLight) format('svg');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Work Sans ExtraBold';
    src: url(../fonts/WorkSans-ExtraBold.eot);
    src: url(../fonts/WorkSans-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-ExtraBold.woff2) format('woff2'), url(../fonts/WorkSans-ExtraBold.woff) format('woff'), url(../fonts/WorkSans-ExtraBold.svg#WorkSans-ExtraBold) format('svg');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Work Sans Black';
    src: url(../fonts/WorkSans-Black.eot);
    src: url(../fonts/WorkSans-Black.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-Black.woff2) format('woff2'), url(../fonts/WorkSans-Black.woff) format('woff'), url(../fonts/WorkSans-Black.svg#WorkSans-Black) format('svg');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Work Sans Regular';
    src: url(../fonts/WorkSans-Regular.eot);
    src: url(../fonts/WorkSans-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-Regular.woff2) format('woff2'), url(../fonts/WorkSans-Regular.woff) format('woff'), url(../fonts/WorkSans-Regular.svg#WorkSans-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Work Sans SemiBold';
    src: url(../fonts/WorkSans-SemiBold.eot);
    src: url(../fonts/WorkSans-SemiBold.eot?#iefix) format('embedded-opentype'), url(../fonts/WorkSans-SemiBold.woff2) format('woff2'), url(../fonts/WorkSans-SemiBold.woff) format('woff'), url(../fonts/WorkSans-SemiBold.svg#WorkSans-SemiBold) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Gloock';
    src: url(../fonts/gloock-regular.eot);
    src: url(../fonts/gloock-regular.eot) format('embedded-opentype'), url(../fonts/gloock-regular.woff) format('woff'), url(../fonts/gloock-regular.ttf) format('truetype'), url(../fonts/gloock-regular.svg) format('svg');
    font-style: normal
}

.gloock {
    font-family: 'Gloock' !important;
}

.work-sans-regular {
    font-family: 'Work Sans Regular'
}

.work-sans-bold {
    font-family: 'Work Sans Bold' !important
}

.line-height-26 {
    line-height: 26px
}

body,
html {
    font-family: "Work Sans Regular";
    color: #3a3939;
    font-size: 18px;
    overflow-x: hidden
}

.button,
.c-white {
    color: #fff
}

body.fooldal {
    overflow: hidden
}

.table,
.whitecard table {
    display: table;
    height: 100%;
    width: 100% !important;
}

.whitecard table {
    background-color: #f4f8fb;
}

.whitecard td,
.whitecard th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.centerblock,
.under-logo-text {
    margin-left: auto;
    margin-right: auto
}

.table-row {
    display: table-row
}

.table-cell {
    display: table-cell;
    text-align: center
}

.inline-block {
    display: inline-block
}

.centerblock {
    float: none
}

.full-width {
    width: 100%
}

.acenter {
    text-align: center
}

.aleft {
    text-align: left
}

.aright {
    text-align: right
}

.valign-top {
    vertical-align: top
}

.button {
    border-radius: 8px;
}

.whitebg {
    background-color: #fff;
    color: #3a3939
}

a,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.nopadding {
    padding: 0
}

.strike-through {
    text-decoration: line-through
}

header {
    width: 100%;
    height: 850px;
    position: relative;
    overflow: hidden;
}

.takaro {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: .6;
    z-index: 100
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.royalSlider img {
    width: 100% !important;
    height: auto !important
}

.allcontainer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 501;
    display: table
}

.under-logo-text {
    position: absolute;
    left: 0;
    right: 0;
    transition: opacity .5s ease-out, top .5s ease-out;
    top: 18.28%;
    text-align: center
}

.menu-logo {
    width: 100%;
    text-align: center;
    top: 18px
}

.menu-logo .container:after,
.menu-logo .container:before {
    display: none
}

menu {
    right: 0
}

menu a {
    font-family: "Work Sans Regular";
    margin: 0;
    color: #fff;
    text-shadow: none;
    transition: background-color .15s ease-out;
    text-transform: inherit;
    letter-spacing: 0
}

menu a:hover {
    color: #000;
    text-shadow: none;
    transition: color .15s ease-out
}

.ujmenu a {
    color: #000;
    margin: 0 5px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ujmenu a:hover {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ujmenu div a {
    color: #000;
    margin: 0
}

.ujmenu .button {
    color: #fff
}

.ujmenu .button:hover {
    color: #000
}

.cl-effect-5 a {
    overflow: hidden;
    height: inherit;
    padding: 0
}

.social a {
    display: inline-block;
    margin: 0 12px
}

.button {
    background-color: #f8c017;
    text-transform: none;
    transition: background-color .25s ease-out
}

.button:hover {
    background-color: #4e4e4e;
    transition: background-color .55s ease-out;
    color: #fff
}

.whitebg-button {
    background-color: #fff;
    color: #3a3939
}

a.colored,
a.colored:hover {
    transition: color .15s ease-out
}

.white-button {
    background-color: #fff
}

.mainimage-inline-block h1 {
    font-size: 60px;
    color: #f8c017;
    font-family: "Work Sans Bold";
    line-height: normal;
    margin-bottom: 15px
}

.mainimage-inline-block h2 {
    font-size: 30px;
    color: #fff;
    font-family: "Work Sans Regular";
    line-height: normal;
    margin-bottom: 0
}

.place-date {
    font-family: "Work Sans Light";
    line-height: normal;
    margin-bottom: 20px
}

.time-left {
    font-family: "Work Sans Bold";
    color: #f8c017
}

.countdowner>div {
    width: 57px;
    height: 55px;
    border-radius: 6px;
    border: 2px solid #fff;
    text-align: center;
    font-family: "Work Sans Regular";
    font-size: 12px;
    display: inline-table;
    line-height: 16px;
    margin: 0 6px;
    color: #fff
}

.countdowner>div>div {
    display: table-cell;
    vertical-align: middle
}

.countdowner>div>div>span {
    font-family: "Work Sans Bold";
    font-size: 23px;
    display: block;
    text-align: center
}

.wrapper {
    padding-top: 160px;
    padding-bottom: 160px;
}

.title-icon {
    font-size: 60px;
    margin-bottom: 20px
}

.title {
    margin-bottom: 20px;
    font-family: "Work Sans Light"
}

.colored {
    color: #f8c017
}

a.colored:hover {
    color: #3a3939
}

.darkbg,
.darkbg:hover {
    transition: background-color .15s ease-out
}

.coloredbg {
    background-color: #f8c017;
    color: #fff
}

.darkbg {
    background-color: #333;
}

.darkbg:hover {
    background-color: #f8c017
}

.boraszatok {
    background-size: cover;
    background: url(../images/boraszatok-bg.jpg) bottom center no-repeat fixed;
}

.boraszatok .container>.table {
    height: 1px
}

.boraszatok .table-row {
    height: 20px
}

.boraszatok .table-cell {
    padding: 2px;
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 20px;
}

.boraszatok .table-cell .table {
    border: 1px solid #ebebeb;
    width: 100%;
    height: 100%;
    padding: 40px;
    position: relative;
    border-radius: 20px;
}

.boraszatok .table-cell .table div {
    display: table-cell;
    vertical-align: middle
}

.boraszatok .table-cell .table div .borok-opener {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 16px;
    cursor: pointer;
    z-index: 2;
    padding: 2px 16px;
    background: #444;
    border-radius: 0px 0px 20px 0px;
    color: #fff;
}

.boraszatok .table-cell .table div .borok {
    position: absolute;
    font-size: 16px;
    width: 100%;
    left: 0;
    border-radius: 20px;
    overflow: hidden;
}

.boraszatok .table-cell .table div .borok div {
    display: block;
    background-color: #f8c017;
    padding: 20px 10px;
    color: #fff;
    border-bottom: 1px dashed #fff
}

.boraszatok .table-cell .table div .borok div:last-of-type {
    border-bottom: 3px solid #fff
}

.boraszatok .fake {
    background: 0 0;
    width: 2.7%
}

.boraszatok .fake-one-row,
.boraszatok .fake-row {
    display: none
}

.boraszatok .table-cell a {
    color: #3a3939;
    transition: color .15s ease-out
}

.boraszatok .table-cell a:hover,
.carousel-step:hover {
    color: #f8c017;
    transition: color .15s ease-out
}

.etel {
    background: url(../images/etel-bg.jpg) bottom center no-repeat fixed;
    background-size: cover
}

.champagne {
    background: url(../images/2_bg_uj.jpg) bottom center no-repeat fixed;
    background-size: cover
}

.tombola {
    background: url(../images/bg5_uj.jpg) bottom center no-repeat fixed;
    background-size: cover
}

div.tombola_div ul {
    list-style-type: none
}

.etel .title {
    margin-bottom: 20px
}

.jegyarak .whitebg {
    padding: 20px;
    position: relative;
    border-right: 1px solid #f8c017
}

.carousel-step,
.position-absolute {
    position: absolute
}

.jegyarak .whitebg:last-of-type {
    border: none
}

.jegyarak .whitebg .bottom-shadow {
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%
}

.jegyarak .button {
    margin-top: 40px
}

.carousel-step {
    font-size: 80px;
    cursor: pointer;
    transition: color .15s ease-out;
    bottom: 20%
}

.carousel-step-left {
    left: -50px
}

.carousel-step-right {
    right: -50px
}

.video {
    line-height: 0
}

.video .col-md-6 {
    float: none
}

.video video {
    width: 100%;
    height: auto
}

.videotext {
    font-family: work Sans Light;
    font-size: 26px;
    padding: 0 40px
}

.videotext span {
    display: block;
    line-height: 43px
}

.szamlalo {
    background: url(../images/szamlalo-bg.png) bottom center no-repeat fixed;
    background-size: cover;
    overflow: hidden
}

.event a:after,
footer {
    background-color: #3a3939
}

.position-relative {
    position: relative
}

.countnum {
    font-size: 60px;
    font-family: 'Work Sans Thin'
}

.counticon {
    font-size: 50px
}

.esemenyek .col-md-6 {
    padding: 80px 15px;
    float: none
}

.esemenyek .col-md-6:first-of-type {
    border-right: 1px dashed #ccc
}

.date {
    font-family: work Sans ExtraLight
}

.event-title {
    margin-bottom: 40px
}

.event {
    margin-bottom: 30px
}

.event a {
    color: #3a3939;
    margin-bottom: 10px
}

.event a:after {
    content: " ";
    height: 1px;
    display: block;
    width: 0;
    transition: width .25s ease-out;
    margin: 0 auto
}

.event a:hover:after {
    width: 70%;
    transition: width .25s ease-out
}

.event a.foto,
.event a.foto:hover {
    transition: color .25s ease-out
}

.event a.foto:after {
    display: none
}

.event a.foto:hover {
    color: #f8c017
}

.esemenyek .button:hover {
    transition: background-color .25s ease-out !important
}

footer svg *,
footer svg:hover * {
    transition: fill .25s ease-out
}

footer {
    padding: 40px 0
}

footer nav a {
    color: #b0afaf;
    display: block;
    text-transform: none;
    margin: 7px 0;
    letter-spacing: 0;
    transition: color .25s ease-out;
    font-family: 'Work Sans Light'
}

footer nav a:hover {
    color: #f8c017;
    transition: color .25s ease-out
}

footer .footer-title {
    margin-bottom: 5px
}

footer img {
    width: 100%;
    height: auto;
    max-width: 256px
}

footer .footerlogo {
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
}

footer .footerlogo img {
    margin-bottom: 0
}

.d-flex {
    display: flex
}

footer .bplogo svg {
    width: 200px;
}

footer .bklogo svg {
    width: 170px
}

footer .vplogo svg {
    width: 180px
}

footer .jmlogo svg {
    width: 74px
}

footer svg:hover * {
    fill: #f8c017
}

.trinety a,
.trinety span {
    font-size: 18px;
    color: #b0afaf;
    margin: 7px 0;
    transition: color .25s ease-out;
    font-family: 'Work Sans Light';
    display: block;
    width: fit-content;
}

.trinety a:hover,
.trinety i {
    color: #f8c017;
    transition: color .25s ease-out
}

.trinety a i {
    font-size: 22px;
    margin-right: 10px;
}

.trinety a:hover i {
    color: #fff
}

.mirol-szol {
    line-height: normal;
    margin: 0
}

.jelentkezes {
    float: none;
    margin: 0 auto
}

.jelentkezes input,
select,
textarea {
    padding: 10px;
    border: 1px solid #eee;
    width: 100%;
    margin-bottom: 10px
}

.tablazatuj tr:first-of-type td,
.tablazatuj.tablazatujmobil .head {
    border-right: 1px solid #fff;
    background: #f8c017;
    color: #fff
}

.tablazatuj tr:nth-of-type(odd) {
    background: #f9f9f9
}

.tablazatuj td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    line-height: normal;
    width: 25%
}

.tablazatuj.tablazatujmobil {
    display: none
}

.kajaparallax {
    background: url(https://wineloversrendezvenyek.hu/special/images/etel-bg.jpg) no-repeat;
    background-attachment: fixed
}

.display-flex {
    display: flex
}

.equal-width {
    flex: 1 1 0
}

.vipjegy {
    background: url(../images/budapest_hajo.jpg) bottom center no-repeat fixed;
    background-size: cover
}

.vipjegy a {
    color: #fff
}

.vipjegy a:hover {
    color: #f8c017
}

.champagne-bar {
    background: url(../images/champagne_bar.jpg) bottom center no-repeat fixed;
    background-size: cover
}

.carousel {
    min-height: 200px;
    display: flex
}

.carousel-item img {
    width: 100%
}

.rend {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px
}

.rend img {
    -webkit-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important
}


.rend>* {
    flex: 1
}

.rend img {
    width: auto;
    height: 140px
}

.rend>div {
    display: flex;
    flex-direction: column;
    justify-content: end
}

.rend a {
    border-radius: 30px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    color: #000;
}

.renezvenykep-container {
    height: 400px;
    overflow: hidden;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 40px 20px;
}

.renezvenykep-container img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: .3;
    position: absolute;
    top: -999px;
    bottom: -999px;
    left: -999px;
    right: -999px;
    margin: auto;
}

.renezvenykep-container .datum {
    padding: 2px 10px;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.renezvenykep-container .slogen {
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 20px;
}

.wl-selection {
    background: #fff;
    background-image: url(../images/winelovers-selection-bg.jpg);
    border-top: 1px solid rgba(220, 220, 220, 1)
}

.sauvignon-bar {
    background: url(../images/souvignon-blanc-bg.jpg) no-repeat top #e5e2d9;
    background-attachment: fixed
}

.cwhite {
    color: #fff !important
}

.english {
    border-radius: 100% !important;
    overflow: hidden !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    position: relative;
    transition: box-shadow .25s ease-in-out;
}

.english:before {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    content: "";
    opacity: .5;
    top: 50%;
    transition: opacity .25s ease-in-out;
}

.english:hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    transition: box-shadow .25s ease-in-out;
}

.english:hover:before {
    opacity: .3;
    transition: opacity .25s ease-in-out;
}

.english img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobilmenu .english {
    margin-top: 10px;
}

.popup {
    background: url("../images/foto-2021-2.jpg") no-repeat;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    background-attachment: fixed;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 60px;
    height: 60px;
}

#carouselExampleIndicators img {
    border-radius: 30px;
    overflow: hidden;
}

.whitecard div:has(table) {
    overflow-x: scroll;
}

iframe {
    width: 100%;
    max-width: 600px;
    aspect-ratio: 560/315;
}

.rendinfo {
    width: 100%;
}

.list,
.list ul,
.whitecard ul {
    padding: 0;
    list-style-type: none;
}

.list ul,
.whitecard ul {
    padding-left: 20px;
}

.list li::before,
.whitecard ul li::before {
    position: absolute;
    content: "";
    top: .4em;
    left: 0;
    width: 13px;
    height: 13px;
    aspect-ratio: 1/1;
    border: 2px solid #f8c017;
    border-radius: 100%;
}

.list li,
.whitecard li {
    padding-left: 1.5em;
    position: relative;
    margin-bottom: 10px;
    text-align: left;
}

.cuccok {
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #eee;
    width: 33%;
}

.helyszin {
    padding: 5rem;
}

.owl-carousel .item img {
    width: 100%;
    display: block;
}

.owl-fade-out {
    opacity: 0 !important;
}

.owl-fade-in {
    opacity: 1 !important;
}

.owl-carousel .owl-item {
    transition: opacity 1s ease-in-out;
}

.owl-carousel-helyszin .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.owl-carousel-helyszin .item {
    height: 800px;
}

.form form>div {
    margin-bottom: 10px;
    width: 100%;
}

.form form input,
.form form textarea {
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
    border:1px solid #ccc;
}
.eventcontent img {
    width: 100% !important;
    height: auto !important;
}