@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,200;0,9..40,400;0,9..40,700;1,9..40,400;1,9..40,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&display=swap");
@font-face {
font-family: 'icons-font';
src: url(//jokergroup.hr/wp-content/themes/jokergroup/assets/fonts/icons.eot?946952);
src: url(//jokergroup.hr/wp-content/themes/jokergroup/assets/fonts/icons.eot?946952#iefix) format('embedded-opentype'),
url(//jokergroup.hr/wp-content/themes/jokergroup/assets/fonts/icons.woff2?946952) format('woff2'),
url(//jokergroup.hr/wp-content/themes/jokergroup/assets/fonts/icons.woff?946952) format('woff'),
url(//jokergroup.hr/wp-content/themes/jokergroup/assets/fonts/icons.ttf?946952) format('truetype'),
url(//jokergroup.hr/wp-content/themes/jokergroup/assets/fonts/icons.svg?946952#icons) format('svg');
font-weight: normal;
font-style: normal;
}
* { font-family: 'Syne', sans-serif; }
html { background: #000!important; }
body.jg { background: #000; }
body { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; }
.col-style a,
.info a { color: #fff; }
.col-style a:hover,
.info a:hover { text-decoration: none; }
p { font: 16px/24px 'DM Sans', sans-serif; }
p strong,
p em { font-family: inherit; }
h1,h2,h3,h4,h5,h6,p,li,a { color: #fff; }
.jg h1 { font-size: 24px; text-transform: uppercase; color:#fff; font-weight: 700; } 
.jg h2 { font-size: 20px; text-transform: uppercase; color:#fff; font-weight: 700; }
.jg h3 { font-size: 16px; text-transform: uppercase; color:#fff; font-weight: 700; }
.single-brand h1 { font-size: 16px; line-height: 1; }
.single-otvorene-pozicije h1 { margin: 0 0 24px 0; }
.single-otvorene-pozicije h2 { margin: 32px 0 24px 0; }
.single-otvorene-pozicije h3 { margin: 24px 0 16px 0; } .mega-menu { background-color: #000; z-index: 1; max-height: 0; overflow: hidden; transition: .5s all ease-in-out; }
.mega-menu.active { max-height: 100vh; margin-top: 12px; }
.mega-menu h2 { color: #777; font-size: 16px; text-transform: uppercase; line-height: 1; font-weight: 400; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #777; }
.mega-menu ul,
.mega-menu li { margin: 0; padding: 0; list-style: none; }
.mega-menu ul li ul li:not(:last-child) { margin-bottom: 5px; }
.mega-menu li a { color: #fff; text-decoration: none; }
.mega-menu > ul { display: flex; flex-wrap: wrap; row-gap: 40px; column-gap: 20px; padding: 40px; }
.mega-menu > ul > li { display: flex; flex-direction: column; width: calc(25% - 20px); }
#show-mega-menu { padding-right: 20px; }
#show-mega-menu:after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(//jokergroup.hr/wp-content/themes/jokergroup/assets/images/right-arrow.svg); background-size: contain; transition: .3s all ease-in-out; position: absolute; top: 3px; right: 0; }
#show-mega-menu.active:after { transform: rotate(90deg); }
.logo { display: block; background: url(//jokergroup.hr/wp-content/themes/jokergroup/assets/images/logo_joker.svg) no-repeat 0 0; background-size: contain; width: 220px; height: 72px; overflow: hidden; text-indent: -999vw; margin: 30px 0; }
.main-menu { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.main-menu-items { display: flex; }
.main-menu-items,
.main-menu-items li { list-style: none; margin: 0; padding: 0; }
.main-menu-items a { display: inline-block; color: #9A9A9A; text-decoration: none; font-size: 16px; line-height: 1; text-transform: lowercase; padding: 5px 0; margin: 0 10px; font-family: 'DM Sans', sans-serif; position: relative; }
.main-menu-items li:last-child a { margin-right: 0; }
.card.category-card { display: flex; aspect-ratio: 4 / 3; background-color: #1D1D1D; text-transform: uppercase; font-size: 16px; border: none; font-weight: 700; text-decoration: none; padding: 0 20px; text-align: center; }
.card.category-card span { display: block; color: #fbc180; }
.map-wrapper { display: block; aspect-ratio: 5 / 3; width: 100%; overflow: hidden; position: relative; } .map-wrapper .map { width: 100%; height: 100%; }
.map-wrapper .map .k_cluster { display: inline-block; width: 26px; height: 26px; font: 700 14px/24px sans-serif; border-radius: 50%; background: white; border: 2px solid #000; text-align: center; }
.marker-data { display: none; position: absolute; background: #fff; bottom: 30px; right: 20px; z-index: 9999999; border-radius: 10px; padding: 20px; }
.marker-data h3 { margin: 0; }
.marker-data p:last-of-type { margin-bottom: 0; }
.map h2 { font-size: 20px; text-transform: uppercase; line-height: 1; font-weight: 700; margin-bottom: 30px; }
.map h3 { font-size: 16px; text-transform: uppercase; line-height: 1; font-weight: 700; margin-bottom: 30px; }
.btn-circle { width: 76px; height: 76px; border-radius: 50%; border: 1px solid #000; display: inline-block; font-size: 40px; line-height: 74px; text-align: center; color: #000; text-decoration: none; margin-left: 10px; }
.single-brand .breadcrumbs { column-gap: 0.5rem; }
.single-brand .breadcrumbs a { font-size: 16px; text-transform: uppercase; line-height: 1; font-weight: 400; color: #fff; text-decoration: none; }
.single-brand .breadcrumbs a:after { content: '•'; display: inline-block; margin-left: 0.5rem; }
.single-brand .links { column-gap: 20px; }
.single-brand-logo { max-height: 200px; max-width: 70%; width: auto; height: auto; }
.jg .btn { border-radius: 19px; padding: 6px 24px; transition: .3s all ease-in-out; }
.jg .btn-light { border: 1px solid #000; background-color: #fff; color: #000; }
.jg .btn-light:active,
.jg .btn-light:hover { border: 1px solid #000; background-color: #000; color: #fff; }
.btn-social { width: 38px; height: 38px; text-indent: -9999vw; position: relative; display: inline-block; overflow: hidden; }
.btn-social:after { font-size: 20px; line-height: 38px; font-family: 'icons-font'; position: absolute; top: 0; left: 0; text-indent: 0; color: #000; transition: .3s all ease-in-out; border: 1px solid #000; border-radius: 50%; width: 38px; height: 38px; text-align: center; }
.btn-social:hover:after { background-color: #000; color: #fff; }
.btn-social.btn-facebook:after { content: 'f'; }
.btn-social.btn-instagram:after { content: 'i'; }
.btn-social.btn-youtube:after { content: 'y'; }
.jg #sbi_images { display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; }
.jg #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: calc((100% - 60px) / 4); }
.jg #sb_instagram .sbi_photo { border-radius: 10px; }
#error-page { border: 0; } footer ul { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #5A5A5A; }
footer ul a { font-size: 14px; text-transform: uppercase; line-height: 1; text-decoration: none; color: #9A9A9A; }
footer span { font-size: 14px; font-family: 'DM Sans', sans-serif; color: #fff; } footer ul li { margin: 0 10px; }
.pozicije em { display: block; font-style: normal; color: #fff !important; } body.postid-14.jg { background: #142632; }
.postid-14 header .logo { background: url(//jokergroup.hr/wp-content/uploads/sites/153/2023/08/level-1.svg) no-repeat 0 0; }
.postid-14 .main-menu { flex-direction: row; }
.postid-14 .main-menu-items a { color: #fff; text-transform: uppercase; }
.postid-14 .main-menu-items li a { margin: 0 40px; }
.postid-14 .main-menu-items li:last-child a { margin-right: 0; }
.postid-14 .mega-menu { background: #142632;  }
.postid-14 #show-mega-menu { padding-right: 0; }
.postid-14 #show-mega-menu:after { content: unset; }
.postid-14 .breadcrumbs, .postid-14 .info { display: none!important; }
.postid-14 .hero-img { position: relative; }
.postid-14 .hero-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);} 
.postid-14 .hero-img:after { 
content: "Coming soon"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
background: linear-gradient(90deg, #FFBD12, #FFA012AB, #FFB8009E, #FFB800C7), #fff;
-webkit-background-clip: text; -webkit-text-fill-color: transparent; 
font-size: 4.1875rem; text-transform: uppercase; font-weight: 600; width: 100%; text-align: center;
}
@media screen and (max-width: 991px) {
.jg #sb_instagram.sbi_tab_col_2 #sbi_images .sbi_item { width: calc((100% - 20px) / 2); }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
header { padding: 20px 0 30px 0; }
.logo { width: 180px; height: 60px; }
} @media screen and (max-width: 767px) {
body { padding: 0 10px; }
header { padding: 15px 0 25px 0; }
.single-brand-logo { max-height: 140px; }
.logo { width: 160px; height: 60px; }
.mega-menu.active { max-height: 500vh; }
.mega-menu > ul { padding: 20px 0; }
.mega-menu > ul > li { width: 100%; }
.single-brand .breadcrumbs { flex-direction: column; }
.single-brand .breadcrumbs a { margin-bottom: 6px; }
.single-brand .breadcrumbs a:after { content: ''; }
.jg #sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item { aspect-ratio: 1 / 1; }
.logo { margin: 15px 0; }
.info .links { margin-bottom: 30px; }
.categories .row { margin: 0 -7px; }
.categories .row .col-style { padding: 0 7px; }
.categories .row .col-style a { margin-bottom: 14px; }
.card.category-card { font-size: 14px; padding: 0 10px; }
.card.category-card span { line-height: 1.2; }
footer ul li:not(:last-child) { margin: 0 0 5px 0; }
footer .logo { margin-bottom: 15px; }
footer span { text-align: center; }
.map-wrapper { aspect-ratio: 4 / 5; } .postid-14 .main-menu { flex-direction: column; }
.postid-14 .main-menu-items li a { margin: 0 10px; }
.postid-14 .hero-img:after { font-size: 1.875rem; }
}
@media screen and (max-width: 350px) {
.main-menu-items a, .mega-menu ul li a  {
font-size: 14px;
}
.card.category-card span {
font-size: 12px;
}
p, li {
font: 14px/24px 'DM Sans', sans-serif;
}
footer ul a, footer span {
font-size: 12px;
}
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}