:root {
    --primary: #E73934;
    --secondary: #F0972A;
    --tertiary: #1d2858;
    --light: #fff;
    --dark: #000;
    --lightbg: #F7F7F7;
    --gray: rgba(122,122,122,1);
    --lightgray: rgba(190,190,190,1);
    --darkgray: #3b210d;
}

body { overflow-x: hidden; padding-top: 120px; margin: 0px; font-family: 'Montserrat', 'Open Sans', sans-serif; }
hr:last-of-type, #footer { display: none; }


@media (max-width: 1024px) {
body { padding-top: 0px; }
}

a:active { color: var(--primary); }

body h1, body h2, body h3 { font-weight: bold; }
body h1 { font-size: 36px; }
body h2 { font-size: 32px; }
body h3 { font-size: 28px; }

h1, h2, h3, h4 { margin-top: 0px; margin-bottom: 20px; }
.wd-xs, .wd-s, .wd-m, .wd-l, .wd-xl { line-height: 1.4em; }
.wd-xs { font-size: .9rem; }
.wd-s { font-size: 1rem; }
.wd-m { font-size: 1.4rem; }
.wd-l { font-size: 1.7rem; }
.wd-xl { font-size: 2.4rem; }
.wd-xxl { font-size: 3.6rem; }

@media (max-width: 991px) {
.wd-xs { font-size: .8rem; }
.wd-s { font-size: .9rem; }
.wd-m { font-size: 1.3rem; }
.wd-l { font-size: 1.6rem; }
.wd-xl { font-size: 1.8rem; }
.wd-xxl { font-size: 2rem; }
}

.wd-align-left { text-align: left; }
.wd-align-center { text-align: center; }
.wd-align-right { text-align: right; }

.wd-thin { font-weight: 300; }
.wd-thick { font-weight: 600; }
.wd-bold { font-weight: 900; }

.wd-underlined { text-decoration: underline !important; }

.wd-m-0-auto { margin: 0px auto; }
.wd-m-10-auto { margin: 10px auto; }
.wd-m-10-0 { margin: 10px 0px; }

@media (max-width: 1024px) {
body .wd-mobil-align-left { text-align: left; }
body .wd-mobil-align-center { text-align: center; }
body .wd-mobil-align-right { text-align: right; }

body .wd-mobil-m-0-auto { margin: 0px auto; }
body .wd-mobil-m-10-auto { margin: 10px auto; }
body .wd-mobil-m-10-0 { margin: 10px 0px; }
}


.wd-m-none { margin: 0px !important; }

.wd-primary, a.wd-primary:hover { color: var(--primary); }
.wd-secondary, a.wd-secondary:hover { color: var(--secondary); }
.wd-light, a.wd-light:hover { color: var(--light); }
.wd-dark, a.wd-dark:hover { color: var(--dark); }
.wd-gray, a.wd-gray:hover { color: var(--gray); }
.wd-lightgray, a.wd-lightgray:hover { color: var(--lightgray); }
.wd-darkgray, a.wd-darkgray:hover { color: var(--darkgray); }

.wd-opacity-0-25 { opacity: .5; }
.wd-opacity-0-5 { opacity: .5; }
.wd-opacity-0-75 { opacity: .75; }

/* --------------------------------- HIGHLIGHT --------------------------------- */

.wd-highlight { padding: 15px 0px 15px 40px; font-size: 1.2em; border-left: 2px solid var(--primary); }

@media (max-width: 1024px) {
.wd-highlight { padding: 10px 0px 10px 25px; }
}

/* --------------------------------- BUTTON - CLASIC --------------------------------- */

.wd-button, .wd-button:hover, .wd-button:before, .wd-button:hover:before, .wd-button span, .wd-button:hover span, .wd-button span:before, .wd-button:hover span:before, .wd-button span:after, .wd-button:hover span:after { transition: .3s all; }
.wd-button { background: var(--primary); color: var(--light); width: 100%; max-width: 180px; height: 50px; line-height: 50px; text-align: center; display: inline-block; }
.wd-button:hover { filter: brightness(.95); }

/* --------------------------------- BUTTON - CENTER --------------------------------- */
.wd-button.center { margin: 60px auto 20px; }

@media (max-width: 1024px) {
.wd-button.mobile-center { margin: 50px auto 20px; }
}

/* --------------------------------- BUTTON - LIGHT --------------------------------- */

.wd-button.light { color: var(--primary); background: var(--light); }

/* --------------------------------- BUTTON - ARROW --------------------------------- */
.wd-button.arrow { width: 70px; height: 70px; background: url('uploads/icons/wd-next.webp') no-repeat center center; transform: rotate(90deg); }

/* --------------------------------- NARROW BLOCK --------------------------------- */

.wd-block { max-width: calc(100% - 20px); margin: 0 auto; }
.wd-block.narrow { width: 600px !important; }
.wd-block.narrower { width: 400px !important; }

/* --------------------------------- COLUMNS --------------------------------- */

.container { display: flex; flex-wrap: wrap; }

@media (min-width: 1024px) {
.col-3-12 { flex-basis: 25%; }
.col-4-12 { flex-basis: 33%; }
.col-6-12 { flex-basis: 50%; }
.col-8-12 { flex-basis: 66%; }
.col-12-12 { flex-basis: 100%; }
}

@media (max-width: 1024px) {
.col-3-12, .col-4-12, .col-6-12, .col-8-12, .col-12-12 { flex-basis: 100%; }
}

/* --------------------------------- LINE TITLE --------------------------------- */
.wd-line-heading { padding-bottom: 10px; position: relative; }
.wd-line-heading:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 30px; height: 2px; background: var(--secondary); }

/* --------------------------------- LEFT LINE TITLE --------------------------------- */
.wd-line-left {  position: relative; padding-left: 30px; }
.wd-line-left:after { content: ''; position: absolute; right: calc(100% - 10px); top: 50%; transform: translatey(-50%); width: 60vw; height: 2px; background: var(--primary); }

/* --------------------------------- ANIMATION - PULSE --------------------------------- */
.wd-animation-pulse { animation: pulse 1s ease-in infinite alternate; }
.wd-animation-scroll-down { animation: scroll-down 2s ease-in infinite; }

@keyframes pulse {
    0% { transform: scale(.6); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}

@keyframes scroll-down {
    0% { transform: translatey(0px); opacity: 0; }
    20% { transform: translatey(0px); opacity: 1; }
    60% { transform: translatey(80px); opacity: 0; }
    100% { transform: translatey(80px); opacity: 0; }
}

/* --------------------------------- HEADER --------------------------------- */

#wd-header { width: 100%; height: 120px; background: #fff; position: fixed; top: 0px; left: 50%; transform: translatex(-50%); z-index: 1000; box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); transition: .3s background; }
#wd-header.scroll { height: 60px; background: var(--light); transition: .3s background; }
#wd-header.open, #wd-header.open.scroll { height: 110vh; background: var(--light); transition: .3s all; }
#wd-header .wd-header-inner { width: 1400px; max-width: 100%; height: 80px; margin: 0 auto; display: flex; align-content: center; align-items: center; }
#wd-header.scroll .wd-header-inner { height: 60px; }

body:not(.admin-bar) #wd-header { top: 0px; }
body.admin-bar #wd-header { top: 32px; }

@media only screen and (max-width: 991px) {
body.admin-bar #wd-header { top: 46px; }
body #wd-header.scroll { top: 0px; }
#wd-header .wd-header-inner, #wd-header.scroll .wd-header-inner { height: 50px; }
}

/* --------------------------------- HEADER - LOGO --------------------------------- */
#wd-header div.logo { width: 200px; position: relative; height: 100%; padding: 10px 0px 10px 10px; }
#wd-header.scroll div.logo { transition: .3s all; filter: brightness(1) invert(0); }
#wd-header div.logo a { width: 250px; max-width: 100%; top: 50%; transform: translatey(-50%); position: absolute; }
#wd-header div.logo a img { position: absolute; top: 50%; transform: translatey(-50%); width: auto; width: 150px; height: auto; }

/* --------------------------------- HEADER - MENIU --------------------------------- */
#wd-header ul { padding-left: 0px; list-style: none; margin: 0; }
#wd-header div.menu { width: auto; position: relative; text-align: right; vertical-align: top; margin-left: auto; }
#wd-header div.menu > ul { height: 80px; display: flex; align-items: center; justify-content: end; }
#wd-header div.menu > ul > li { display: inline-block; height: 100%; }
#wd-header div.menu > ul > li > a { text-decoration: none; line-height: 80px; padding: 0px 15px; font-size: 1rem; font-weight: 600; display: block; color: var(--dark); }
#wd-header .wd-header-inner > div.menu > ul li a:hover { color: var(--primary); }
#wd-header.scroll .wd-header-inner > div.menu > ul > li { height: 60px; margin-top: 0px; }
#wd-header.scroll .wd-header-inner > div.menu > ul > li > a { line-height: 60px; }

@media (min-width: 991px) {
#wd-header .wpml-ls-legacy-list-horizontal { padding: 0px; top: calc(50% - 2px); transform: translatey(-50%); position: relative; }
}

@media (max-width: 991px) {
#wd-header .wd-header-inner > div.menu > ul li a { padding: 8px 10px 8px 20px; color: var(--dark); text-decoration: none; display: block; width: 100%; }
}

/* --------------------------------- HEADER - CURRENT PAGE --------------------------------- */
#wd-header div.menu > ul li.current > a { color: var(--primary); font-weight: 600; position: relative; }

/* --------------------------------- HEADER - MEGA-MENU & SUBMENU --------------------------------- */

@media (min-width: 991px) {
#wd-header li .wd-megamenu, #wd-header li .wd-submenu { opacity: 0; visibility: hidden; transition: .3s all; }
#wd-header li:hover .wd-megamenu, #wd-header .wd-header-inner li:hover .wd-submenu { opacity: 1; visibility: visible; transition: .3s all; }

#wd-header .wd-megamenu { position: fixed; width: 100vw; left: 0px; background: #fff; box-shadow: 0px 10px 30px -10px rgba(0,0,0,.1); }
#wd-header .wd-megamenu a { text-decoration: none; display: block; height: unset; padding: 10px 10px 10px 20px; color: var(--dark); }
#wd-header .wd-megamenu > ul { position: relative; width: calc(100% - 60px); max-width: 1000px; display: flex; margin: 0 auto; text-align: left; height: unset; padding: 30px; flex-wrap: wrap; gap: 30px 0px; }
#wd-header .wd-megamenu > ul > li { display: block; width: 200px; height: unset; }
#wd-header .wd-megamenu > ul > li > a { line-height: 1.2rem; font-weight: 600; }
#wd-header .wd-megamenu .wd-submenu > ul > li { display: block; }
#wd-header .wd-megamenu .wd-submenu > ul > li > a { font-size: .9rem; line-height: 1.2rem; padding: 5px 10px 5px 20px; }

#wd-header .menu > ul > li > .wd-submenu a { text-decoration: none; color: var(--dark); }
#wd-header .menu > ul > li > .wd-submenu { position: absolute; width: 300px; max-width: 100%; background: #fff; }
#wd-header .menu > ul > li > .wd-submenu > ul { position: relative; width: 100%; display: block; text-align: left; height: unset; padding: 0px 0px 10px 0px; box-shadow: 0px 10px 30px -10px rgba(0,0,0,.1); }
#wd-header .menu > ul > li > .wd-submenu > ul > li { display: block; height: unset; }
#wd-header .menu > ul > li > .wd-submenu > ul > li > a { height: unset; font-size: 1rem; line-height: 1.2rem; padding: 10px 10px 10px 20px; display: block; }
}

@media (max-width: 991px) {
#wd-header .wd-submenu a, #wd-header .wd-megamenu a { font-size: .9rem; }
#wd-header .has-submenu { position: relative; }
#wd-header .has-submenu > div { max-height: 0px; overflow: hidden; }
#wd-header .has-submenu.open-submenu > div { max-height: fit-content; padding-left: 10px; }
#wd-header .wd-header-inner > div.menu > ul .has-submenu > a { position: relative; margin-right: 50px; width: calc(100% - 90px); }
#wd-header .has-submenu > .submenu-opener { position: absolute; right: 0px; width: 40px; height: 40px; top: -2.5px; }
#wd-header .has-submenu > .submenu-opener:before, #wd-header .has-submenu > .submenu-opener:after { content: ''; width: 15px; height: 3px; border-radius: 10px; position: absolute; right: 20px; top: 50%; background: var(--primary); transition: .3s all; }
#wd-header .has-submenu > .submenu-opener:before { transform: translatey(-50%) rotate(0deg); }
#wd-header .has-submenu > .submenu-opener:after { transform: translatey(-50%) rotate(90deg); }
#wd-header .has-submenu.open-submenu > .submenu-opener:before { transform: translatey(-50%) rotate(-45deg); filter: grayscale(1); transition: .3s all; }
#wd-header .has-submenu.open-submenu > .submenu-opener:after { transform: translatey(-50%) rotate(45deg); filter: grayscale(1); transition: .3s all; }
}

/*********
**********
********** HEADER MOBIL
**********
**********/
/* OPENER */
#wd-header .menu-opener { display: none; position: absolute; top: 40px; right: 10px; width: 50px; height: 50px; z-index: 101; }
#wd-header.scroll .menu-opener, #wd-header.open .menu-opener { top: 0px; }
#wd-header .menu-opener span { top: 50%; }
#wd-header .menu-opener span, #wd-header .menu-opener span:before, #wd-header .menu-opener span:after { background-color: var(--dark); width: 20px; height: 2px; position: absolute; left: 50%; transform: translate(-50%, -50%); }
#wd-header .menu-opener span:before { content: ''; top: calc(50% - 6px); }
#wd-header .menu-opener span:after { content: ''; top: calc(50% + 6px); }

#wd-header.open .wd-header-inner .menu-opener { background: var(--primary); height: 100vh; }

body:not(.admin-bar) #wd-header.open .wd-header-inner .menu-opener { height: 100vh; }
body.admin-bar #wd-header.open .wd-header-inner .menu-opener { height: calc(100vh - 32px); }

@media only screen and (max-width: 991px) {
#wd-header div.logo a img { width: 110px; }
body.admin-bar #wd-header.open .wd-header-inner .menu-opener { height: calc(100vh - 40px); }
body.admin-bar #wd-header.scroll.open .wd-header-inner .menu-opener { height: 100vh; }
}

/* OPENER ON PAGE */
#wd-header.open .wd-header-inner > div.menu .menu-opener span, #wd-header.open .wd-header-inner > div.menu .menu-opener span:before, #wd-header.open .wd-header-inner > div.menu .menu-opener span:after
{ background-color: var(--light); }

body #wd-header.open .wd-header-inner > div.menu .menu-opener span { background-color: transparent; }
#wd-header.open .wd-header-inner > div.menu .menu-opener span:before { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
#wd-header.open .wd-header-inner > div.menu .menu-opener span:after { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }

@media only screen and (max-width: 991px) {
body { padding: 50px 0px 0px; }
#wd-header { height: 90px; }
#wd-header.scroll { height: 50px; }


/* MENIU */
#wd-header .wd-header-inner > div.menu { width: 50px; position: absolute; right: 0px; top: 0px; }
#wd-header .wd-header-inner > div.menu li a { width: 100%; }
#wd-header .wd-header-inner > div.menu > ul { display: block; padding-top: 30px; position: fixed; text-align: left; left: -100%; width: calc(100% - 50px); top: 50px; z-index: 100; background: var(--light); height: 100vh; }
body.admin-bar #wd-header .wd-header-inner > div.menu > ul { height: calc(100vh - 96px); }
body.admin-bar #wd-header.scroll .wd-header-inner > div.menu > ul { height: calc(100vh - 46px); top: 50px; }
#wd-header.open .wd-header-inner > div.menu > ul { left: 0px; }
#wd-header.open .wd-header-inner > div.menu > ul > li { display: block; margin: 5px 0px; height: auto; }
#wd-header.open .wd-header-inner > div.menu > ul > li > a { display: block; line-height: 1.2rem; }

#wd-header .wd-header-inner > div.menu .menu-opener { display: inherit; right: 0px; }
}

/* TOPBAR */
#wd-header .wd-header-topbar { width: 100%; height: 40px; background: var(--primary); }
#wd-header .wd-header-topbar .wd-topbar-inner { display: flex; width: 1380px; height: 100%; max-width: calc(100% - 40px); margin: 0 auto; text-align: center; justify-content: space-between; }
#wd-header.scroll .wd-header-topbar, #wd-header.open .wd-header-topbar { margin-top: -40px; }

#wd-header .wd-header-topbar .wd-topbar-inner .topbar-left { display: flex; gap: 20px; }
#wd-header .wd-header-topbar .wd-topbar-inner a { position: relative; color: var(--light); font-weight: bold; z-index: 1; padding-left: 40px; display: inline-block; font-size: 14px; line-height: 40px; height: 40px; vertical-align: middle; text-decoration: none; }
#wd-header .wd-header-topbar .wd-topbar-inner a:before { content: ''; width: 35px; height: 35px; background-repeat: no-repeat; background-size: 30px; background-position: center center; position: absolute; left: 0px; top: 50%; transform: translatey(-50%); }
#wd-header .wd-header-topbar .wd-topbar-inner a.wd-tel:before { background-image: url('uploads/icons/icon-telefon.svg'); }
#wd-header .wd-header-topbar .wd-topbar-inner a.wd-email:before { background-image: url('uploads/icons/icon-mail.svg'); }
#wd-header .wd-header-topbar .wd-topbar-inner a.wd-contact:before { background-image: url('uploads/icons/icon-contact.svg'); }

#wd-header .wd-header-topbar .wd-topbar-inner .topbar-right { display: flex; }
#wd-header .wd-header-topbar .wd-topbar-inner a.wd-contact { color: var(--light); }

@media only screen and (max-width: 991px) {
#wd-header .wd-header-topbar .wd-topbar-inner .topbar-left { gap: 0px; }
#wd-header .wd-header-topbar .wd-topbar-inner .topbar-left a { padding-left: 0px; width: 50px; }
#wd-header .wd-header-topbar .wd-topbar-inner .topbar-left a span { display: none; }
#wd-header .wd-header-topbar .wd-topbar-inner a.wd-contact:after { width: 100px; }
}