:root{
    scroll-behavior: smooth;
    scroll-padding-top: 220px;
}
html,
body{
    overflow-x: hidden !important;
}
.webtim-lazy-load {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.webtim-lazy-load.visible {
    opacity: 1;
    transform: translateY(0);
}

.simptom-divider {
    position: relative;
    width: 90px;
    height: 5px;
    display: block;
    border-radius: 2px;
    background-color: #cde2ef;
}

.simptom-divider__circle {
    position: absolute;
    top: -2px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--color-secondary);
    transition: all ease-in 2s;
}

.simptom-divider.animate .simptom-divider__circle {
    animation: divider ease-in 2s forwards;
}
.anchor {
    scroll-margin-top: calc(80px + 1em);
}
@keyframes divider {
    0% {
        left: 10px;
    }
    33% {
        left: 80%;
    }
    66% {
        left: 10px;
    }
    100% {
        left: 80%;
    }
}
@media only screen and (min-width: 1024px) {
    #primary .hide-desktop {
        display: none;
    }
}

#mega-menu-wrap-mobile-menu {
    display: none;
}
@media only screen and (max-width: 1024px) {
    #primary .hide-tablet {
        display: none;
    }
    #mega-menu-wrap-primary-menu {
        display: none;
    }
    #mega-menu-wrap-mobile-menu {
        display: block;
    }
    #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu{
        width: 100%;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item{
        padding: 0 !important;
    }
    #mega-menu-wrap-primary-menu.mega-menu-horizontal #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu,
    #mega-menu-wrap-primary-menu.mega-menu-horizontal #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{
        background: unset !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item{
        width: 100% !important;
    }
    .subpage-content-anchor-container .subpage-content-wrapper, .subpages-dynamic-image-wrapper .megamenu-subpage-container{
        flex-direction: column-reverse;
        gap: 16px;
    }
    .subpage-content-anchor-container .subpage-content-wrapper, .subpages-dynamic-image-wrapper .megamenu-subpage-container .subpage-short-description{
        display: none;
    }
    .subpage-content-anchor-container .subpage-content-wrapper, .subpages-dynamic-image-wrapper .megamenu-subpage-container .simptom-btn.primary{
        margin-top: 0 !important;
    }
    .subpage-content-anchor-container .subpage-content-wrapper .subpage-image, .subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-data{
        flex: 0 0  100%;
    }

    #mega-menu-wrap-primary-menu ul#mega-menu-primary-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item:nth-child(1){
        padding-top: 0 !important;
    }
    #mega-menu-wrap-primary-menu ul#mega-menu-primary-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item{
        padding-left: 0 !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu[style]{
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    #primary .hide-mobile {
        display: none;
    }
}
@media only screen and (max-width: 768px) {

}
.subpages-mobile-list{
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.subpages-mobile-list li {
    list-style: none;
}
.subpages-mobile-list  li h3 a{
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400 !important;
     color: var(--color-text);
     text-decoration: none;
}
.subpages-mobile-list  li h3 a:hover{
    color: var(--color-primary);
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    color: var(--color-text) ;
}
:where(#opis, #funkcionalnosti, #specifikacija, #dodatki) li {
    list-style: none;
    display: block;
    line-height: var(--leading-10);
    position: relative;
    padding-left: 10px;
}

:where(#opis, #funkcionalnosti, #specifikacija, #dodatki) li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--color-secondary);
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);

}

/*--------------------------------------------------------------
ERROR404 and NOTHING FOUND and ARCHIVE SEARCH
--------------------------------------------------------------*/
/*------------TO TOP----------------------*/
#simptom-totop {
    position: fixed;
    right: 14px;
    bottom: 94px;
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    color: #fff;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(black, 0.4);
    z-index: 9999;
    transition: all 0.4s ease;
}
#simptom-totop svg {
    max-width: 24px;
}
#simptom-totop.disabled {
    opacity: 0;
}

@media screen and (max-width: 767px) {
    #simptom-totop {
        right: 26px;
        bottom: 26px;
        width: 36px;
        height: 36px;
    }
    #simptom-totop svg {
        max-width: 20px;
    }
}
/*------------CONTENT-PAGE STYLE----------------------*/

.page {
    position: relative;
    display: block;
}

.section-page-tittle {
    position: relative;
    display: block;
    padding: 0 var(--space-4);
}

.container-page-tittle {
    max-width: var(--container-2xl);
    margin: 0 auto;
    padding-bottom: var(--space-12);
}

.section-page-tittle .entry-title {
    margin: 0 0 var(--space-10) 0;
    color: var(--color-primary);
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    line-height: var(--leading-6);
}

@media only screen and (max-width: 1024px) {
    .section-page-tittle .entry-title {
        font-size: var(--text-2xl);
    }
}

@media only screen and (max-width: 768px) {
    .section-page-tittle .entry-title {
        margin: 0 0 var(--space-10) 0;
    }
}

.section-page-content {
    position: relative;
    display: block;
    margin-bottom: var(--space-32);
    padding: 0 var(--space-4);
}

.section-page-content.site-content h3:first-of-type {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .section-page-content {
        margin-bottom: var(--space-16);
    }
}

.container-page-content {
    max-width: var(--container-2xl);
    margin: 0 auto;
}

.section-page-content h3 {
    display: block;
    margin-bottom: var(--space-2);
    color: var(--color-primary);
    font-size: var(--text-xxl);
    font-weight: var(--font-normal);
}

.section-page-content a {
    color: var(--color-secondary);
    font-weight: var(--font-semibold);
    text-decoration-color: transparent;
    transition: all var(--transition-time);
}

.section-page-content a:hover {
    color: var(--color-secondary);
    text-decoration-color: var(--color-secondary);
}

.section-page-content.site-content h2 {
    margin-bottom: var(--space-4);
    color: var(--color-primary);
    font-size: var(--text-xxl);
    font-weight: var(--font-semibold);
}

.section-page-content.site-content h3,
.section-page-content.site-content h4 {
    margin-top: var(--space-12);
    margin-bottom: var(--space-4);
    color: var(--color-primary);
    font-size: var(--text-xxl);
    font-weight: var(--font-bold);
}

@media only screen and (max-width: 768px) {
    .section-page-content.site-content h3,
    .section-page-content.site-content h4 {
        margin-top: var(--space-6);
        font-size: var(--text-xl);
    }
}

.section-page-content.site-content a {
    color: var(--color-secondary);
}

p:has(+ h4) {
    margin-bottom: var(--space-2);
}

/*------------END OF CONTENT-PAGE STYLE----------------------*/

.error-404,
.no-results {
    position: relative;
    display: block;
    padding: var(--space-20) var(--space-4);
}

.entry-header {
    max-width: var(--container-3xl);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--space-4);
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.error-404 h1,
.no-results h1 {
    font-size: var(--text-2xl);
}

.error-404__img {
    width: fit-content;
    display: block;
    margin: var(--space-10) auto;
}

.error-404 .page-content,
.no-results .page-content {
    max-width: var(--container-3xl);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--space-4);
    justify-content: center;
    margin: var(--space-10) auto;
    text-align: center;
}

.page-title {
    display: block;
    margin: var(--space-8) 0;
}

.section-archive-search {
    position: relative;
    display: block;
    padding: var(--space-16) var(--space-4);
}

.container-archive-search {
    max-width: var(--container-3xl);
    margin: 0 auto;
    text-align: center;
}

.search .site-main {
    max-width: var(--container-3xl);
    margin: 0 auto;
    padding: var(--space-4);
}

.search .post {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--space-16);
}

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

@media screen and (max-width: 767px) {
    .top-header-contact-info {
        font-size: 13px;
    }
}
/*--------------------------------------------------------------
TOP BAR
--------------------------------------------------------------*/

.section-header--top-bar {
    padding: var(--space-4);
    border-bottom: 1px solid #f5f5f5;
    color: var(--color-primary);
    line-height: 1;
}
@media screen and (min-width: 1180px) {
    .section-header--top-bar{
    padding: var(--space-4) var(--space-10);
    }
}

.container-header--top-bar {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    justify-content: space-between;
    margin: 0 auto;
}

.top-bar--column__first {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-10);
    font-size: var(--text-sm);
}

.top-bar--column__last {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-8);
}

.top-bar--column__last img {
    display: block;
    transition: transform var(--transition-time) ease-in-out;
}

.top-bar--column__last a:hover img {
    transform: translateY(-8px);
}

.container-header--top-bar a {
    color: var(--color-text);
    text-decoration-color: transparent;
}

.container-header--top-bar a:hover {
    color: var(--color-secondary);
    text-decoration-color: var(--color-secondary);
}

.top-bar--contact-wrapper {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    line-height: 1;
}

@media only screen and (max-width: 768px) {
    .top-bar--column__last {
        display: none;
    }
    .container-header--top-bar {
        justify-content: space-evenly;
    }
}

/*Middle section*/

.section--header--main-content {
    padding: var(--space-6) var(--space-4);
}
@media screen and (min-width: 1180px) {
    .section--header--main-content {
    padding: var(--space-6) var(--space-10);
}
}
.container--header--main-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-3);
    justify-content: space-between;
    margin: 0 auto;
}

.custom-logo-link,
.header-main--row.header-main--row-first {
    line-height: 1;
}

.custom-logo-link img {
    display: block;
}

.header_cta__button {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-1) var(--space-7);
    border: 2px solid var(--color-secondary);
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
}

.header_cta__button:hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
}

a.header_cta__button {
    color: var(--color-secondary);
    text-decoration: none;
}

#mega-menu-primary-menu .dashicons-admin-home:before {
    font-size: 24px !important;
}
@media only screen and (max-width: 1600px) {
    .custom-logo-link img{
        max-width: 154px;
    }
        .button.header_cta__button,
        .sticky .header_cta__button {
        font-size: var(--text-sm) ;
        }

    .button.header_cta__button  img{
        display: none !important;
    }
}
@media only screen and (max-width: 1280px) {
.header_cta__button{
    display: none;
}
}
@media only screen and (max-width: 1024px) {
    .header-main--row-middle {
        order: 3;
    }
    #mega-menu-mobile-menu > li > a {
        font-weight: 700 !important;
    }

    #mega-menu-mobile-menu  li.mega-toggle-on > a{
        background-color: #999 !important;
        color: #fff !important;
    }
      #mega-menu-mobile-menu li.mega-toggle-on .mega-sub-menu > li > a{
        background-color:#fff !important;
        color: var(--color-text) !important;
      }
    #mega-menu-mobile-menu  > li {
        background-color: #f1f1f1 !important;
        border-bottom: 1px solid #fff;
    }

    /* * * Shop * * */
    #mega-menu-wrap-shop-mobilmenu #mega-menu-shop-mobilmenu > li > a {
        background-color: #f1f1f1 !important;
        font-weight: 700 !important;
        border-bottom: 1px solid #cecece !important;

    }
    #mega-menu-wrap-shop-mobilmenu   #mega-menu-shop-mobilmenu  li.mega-toggle-on > a{
        background-color: #f1f1f1 !important;
    }
    #mega-menu-wrap-shop-mobilmenu #mega-menu-shop-mobilmenu li.mega-toggle-on .mega-sub-menu > li > a{
        background-color: #999 !important;
        color: var(--color-text) !important;
      }
}

@media only screen and (max-width: 768px) {
    .section--header--main-content {
        padding: var(--space-4) 0;
    }
    .header-main--row-last {
        display: none;
    }
    .container--header--main-content {
        padding: 0 var(--space-4);
    }
    .custom-logo-link img {
        max-width: 136px;
    }
    #mega-menu-primary-menu {
        margin-top: var(--space-5) !important;
    }
}

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

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

#wpadminbar #sticky-section {
    margin-bottom: 32px;
}

#sticky-section {
    transition: all var(--transition-time);
    z-index: 999;
}

.sticky,
.sticky__mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: var(--color-white);
    box-shadow: 0 3px 6px #00000029;
}

.sticky.section--header--main-content {
    padding: var(--space-3) var(--space-10);
    background-color: var(--color-white);
}

.sticky .custom-logo-link img {
    max-width: 154px;
}

@media only screen and (max-width: 1025px) {
}

.hide-non-sticky {
    display: none;
}

@media only screen and (max-width: 768px) {
    .wrapper-header-main--icons {
        gap: var(--space-6);
    }

    .header-main--row.header-main--row-last a {
        margin-bottom: 0;
    }

    .header-main--row.header-main--row-last a {
        line-height: 0;
    }

    .wrapper-header-main--search-bar {
        line-height: 0;
    }

    .top-bar--column__first {
        /*flex-direction: column;*/
        gap: var(--space-6);
        justify-content: space-around;
    }

    .top-bar--column__first a:first-of-type {
        display: none;
    }
}

.simptom-megamenu-item-wrapper {
    padding-top: 36px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 26px;
    margin-block: var(--space-8);
}

.simptom-megamenu-item-wrapper img {
    max-width: 250px !important;
    height: 150px;
    object-fit: contain;
    text-align: left;
    transition: all ease-in 250ms;
}
.simptom-megamenu-item-wrapper a {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.simptom-megamenu-item-wrapper a h2 {
    font-size: var(--text-lg);
    text-align: center;
    transition: all ease-in 250ms;
}
.simptom-megamenu-item-wrapper a:hover img {
    transform: translateY(-8px);
}
.simptom-megamenu-item-wrapper a:hover h2 {
    color: var(--color-secondary);
}

.simptom-megamenu-products-wrapper h2:hover {
    color: var(--color-secondary);
}

#mega-menu-primary-menu .webtim-mega-menu li.mega-menu-item a::before {
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    margin-right: 10px !important;
}
/* #mega-menu-primary-menu .webtim-mega-menu li.mega-menu-item a {
    padding-left: 8px;
} */
#mega-menu-wrap-shop-megamenu #mega-menu-shop-megamenu > li.mega-menu-item ul.mega-sub-menu {
    min-height: 600px;
}
#mega-menu-wrap-shop-megamenu #mega-menu-shop-megamenu > li.mega-menu-item {
    position: static !important;
}

#mega-menu-shop-megamenu .simptom-btn.primary{
    display: none;
}
.megamenu-product-data .product-short-desc,
.product-short-desc {
    font-size: var(--text-base);
    max-width: 30ch;
    color: var(--color-text);
    font-family: var(--body-font);
    font-weight: var(--font-normal);
    line-height: var(--leading-7);
}

/* subpage on mega menu that change the image image when hovering on the link  */
.megamenu-subpage-container {
    display: flex;
    gap: 60px;
}
.megamenu-subpage-container:not(:has(.subpage-short-description)) h2,
.subpage-content-anchor-container:not(:has(.subpage-short-description)) h2{
    padding-bottom: var(--space-16);
}
/*--------------------------------------------------------------
Mega Menu Products Hover
--------------------------------------------------------------*/
.category-info {
    padding: 36px 0;
}
.simptom-megamenu-products-wrapper {
    max-width: 820px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 36px;
}
.megamenu-product-data {
    margin-right: 0px;
    margin-top: 40px;
}
.simptom-megamenu-products-titles a {
    font-size: var(--text-base);
    font-weight: var(--leading-5);
    text-decoration: none;
    transition: unset !important;
}
.simptom-btn.primary{
    transition: unset !important;
}
.simptom-megamenu-products-wrapper .simptom-megamenu-products-titles a h2 {
    font-family: Raleway, sans-serif;
    color: var(--color-primary);
    font-weight: 400;
    font-size: var(--text-base);
    text-decoration: none;
    line-height: 1.7;
    padding-bottom: var(--space-4);
    text-align: left !important;

}

.simptom-megamenu-products-wrapper .simptom-megamenu-products-titles a:hover h2{
    color: var(--color-secondary) !important;
	font-weight: var(--font-semibold);
}
.product-title {
    font-size: var(--text-lg);
}
#mega-menu-wrap-shop-megamenu .simptom-megamenu-products-titles a {
    display: block;
    margin-bottom: var(--space-2);
}
.simptom-megamenu-product-title.active h2 {
    color: var(--color-secondary);
}

/*--------------------------------------------------------------
Mega Menu Subpages desing
--------------------------------------------------------------*/
.subpage-content-anchor-container h2,
.subpages-dynamic-image-wrapper h2 {
    padding-top: var(--space-6);
    font-size: 21px;
}
.subpage-content-anchor-container img{
    padding-top: var(--space-8);
}
#mega-menu-item-1953 .megamenu-subpage-link{
    padding-top: 14px;
}
#mega-menu-item-1953 img{
    max-width: 300px;
}
.subpage-content-anchor-container .subpage-short-description,
.subpages-dynamic-image-wrapper .subpage-short-description {
    max-width: 50ch;
    padding-bottom: var(--space-8);
}
.subpage-content-anchor-container .subpage-short-description p,
.subpages-dynamic-image-wrapper .subpage-short-description p {
    font-size: var(--text-text) !important;
}
.subpage-content-anchor-container .subpage-content-wrapper,
.subpages-dynamic-image-wrapper .megamenu-subpage-container {
    max-width: 920px;
    display: flex;
    justify-content: space-between;
    gap: 36px;
}
.subpage-content-anchor-container .subpage-content-wrapper .subpage-menu,
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-link {
    flex: 0 1 minmax(250, 25%);
    display: flex;
    flex-direction: column;
}
.megamenu-subpage-link-wrapper a{
    display: block;
}
.mega-menu-item-2784 .megamenu-subpage-link-wrapper{
    column-count: 2;
}
.subpage-content-anchor-container .subpage-content-wrapper .subpage-menu a:not(.simptom-btn),
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-link span,
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-link a:not(.simptom-btn){
    color: var(--color-primary);
    font-size: var(--text-base);
    text-decoration: none;
    line-height: 1.7;
    transition: color ease-in 250ms;
    padding-bottom: var(--space-4);
}
.subpage-content-anchor-container .subpage-content-wrapper .subpage-menu a:not(.simptom-btn):hover,
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-link span:hover,
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-link a:not(.simptom-btn):hover {
    color: var(--color-secondary);
}
.subpage-content-anchor-container .subpage-content-wrapper .subpage-image,
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-data {
    flex: 0 75%;
    max-width: 500px !important;
}
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-data {
    padding-top: 26px ;
}
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-data p {
    font-family: var(--heading-font);
    color: var(--color-primary) !important;
    font-weight: 700;
    font-size: var(--text-base);
    margin-bottom: 0 !important;
}
.subpage-content-anchor-container .subpage-content-wrapper .subpage-menu .simptom-btn.primary,
.subpages-dynamic-image-wrapper .megamenu-subpage-container .megamenu-subpage-link .simptom-btn.primary {
    max-width: fit-content;
    margin-top: var(--space-8);
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    top: 66px !important;
    min-height: 700px !important;
    background: linear-gradient(90deg, #f1f1f1, 25%, #fff 0%) !important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li::after {
    content: "";
    display: block;
    max-height: 700px;
    height: 100%;
    width: 400px;
    background: #f1f1f1;
    position: absolute;
    top: 0;
    z-index: -1;
}

@media screen and (max-width: 1600px) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li::after {
        width: 300px;
    }
}
.section--header--main-content:not(.sticky) #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    top: 78px !important;
}
@media screen and (max-width: 1600px) {

}
/* .section--header--main-content.sticky #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {

} */
#mega-menu-wrap-primary-menu ul#mega-menu-primary-menu > li.mega-menu-item > ul.mega-sub-menu li:first-child > a {
    padding-top: 30px;
}
#mega-menu-wrap-primary-menu ul#mega-menu-primary-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
    border: 0 !important;
    border-image: 0 !important;
    padding-left: 30px;
}
#mega-menu-wrap-primary-menu ul#mega-menu-primary-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item:nth-child(1) {
    padding-top: 36px;
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
    #mega-menu-wrap-primary-menu ul#mega-menu-primary-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
        padding-left: 8px;
    }
    #mega-menu-wrap-primary-menu ul#mega-menu-primary-menu > li.mega-menu-item > ul.mega-sub-menu {
        padding-left: 0 !important;
    }
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item{
    margin: 0 !important;
    padding: 20px !important;;
}
@media screen and (max-width:1660px) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item{
    margin: 0 !important;
    padding: 20px 10px !important;;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background-color: #999 !important;
    color: #fff;
}
/* * * Kontakt * * */
.simptom-mega-menu-contact-wrapper {
    display: flex;
    gap: 36px;

}
.simptom-mega-menu-contact-wrapper .simptom-mega-menu-info > h2{
    margin-top: 16px;
    margin-bottom: 16px;
}
.simptom-mega-menu-contact-wrapper .contact-short-description{
    margin-top: 16px;
}
.simptom-mega-menu-contact-wrapper a,
.simptom-mega-menu-contact-wrapper .simptom-divider.animate .simptom-divider__circle,
.simptom-mega-menu-contact-wrapper .cf7-form--contact input[type="submit"]{
    transition: unset !important;
}
.simptom-mega-menu-contact-wrapper .megamenu-location-wrapper {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: var(--space-8);
}
.simptom-mega-menu-contact-wrapper :is(.megamenu-mobile-wrapper, .megamenu-mail-wrapper) {
    display: flex;
    align-items: center;
    margin-left: 120px;
    gap: 16px;
    margin-bottom: var(--space-4);
}
.simptom-mega-menu-contact-wrapper :is(.megamenu-location-wrapper, .megamenu-mobile-wrapper, .megamenu-mail-wrapper) a {
    line-height: 1.5em;
    color: var(--color-primary);
    text-decoration: none;
}
.simptom-mega-menu-contact-wrapper :is(.megamenu-location-wrapper, .megamenu-mobile-wrapper, .megamenu-mail-wrapper) a:hover {
    color: var(--color-secondary);
}
.simptom-mega-menu-contact-wrapper img:not(.footer-logo) {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.megamenu-contact-company{
    margin-top: 36px;
    display: flex;
    gap: 16px;
}
.megamenu-contact-company img{
    width: 150px;
}
.simptom-contact-description{
    margin-top: 16px;
}
.megamenu-company-wrapper a {
    color: var(--color-primary);
    text-decoration: none;
}
.megamenu-company-wrapper a br{
    display: inline-block;
    padding-left: 4px;
}
.megamenu-company-wrapper a:hover{
    color: var(--color-secondary);
}
.megamenu-company-wrapper{
    margin-bottom: 26px;
}
.simptom-mega-menu-contact-form{
    flex: 1 50%;
    background-color: var(--color-background);
    padding: 16px 16px 0 16px;
    min-height: 670px;

}
.simptom-mega-menu-contact-wrapper .contact-short-description p {
    max-width: 50ch;
    padding-bottom: var(--space-2);
}
.simptom-mega-menu-contact-wrapper .simptom-btn.primary {
    display: inline-block;
    margin-top: 90px;
}
.simptom-mega-menu-contact-wrapper .cf7-form--contact input[type="text"],
.simptom-mega-menu-contact-wrapper .cf7-form--contact input[type="email"],
.simptom-mega-menu-contact-wrapper .cf7-form--contact input[type="tel"] {
    height: 48px;
    padding: var(--space-2);
}
.simptom-mega-menu-contact-wrapper textarea {
    padding: var(--space-2);
}

/*--------------------------------------------------------------
Podpora
--------------------------------------------------------------*/
#post-231 .is-search-form {
    display: flex;
    align-items: center;
}
#post-231 input.is-search-input {
    padding: 24px 12px !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#post-231 button.is-search-submit {
    width: 50px;
    height: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#post-231 div.is-ajax-search-result {
    padding: 1px !important;
}
.wpcf7-response-output {
    max-width: var(--container-xl);
    margin: 36px auto !important;
}
form.sent:has(.wpcf7-response-output) > div:nth-child(2){
    display: none;
}
/*Podpora - eDokumentacija
--------------------------------------------------------------*/
.simptom-edocumentation-title .container-page-tittle {
    padding-top: var(--space-12);
}
.simptom-edocumentation {
    padding: var(--space-24) 0;
}
.simptom-edocumentation-items-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 360px));
    gap: var(--space-12);
}
.simptom-edocumentation-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: 1px solid var(--color-border);
    border-radius: 5px;
    padding: 1em;
}
.simptom-edocumentation-file {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.simptom-edocumentation-items > img {
    aspect-ratio: 1 / 1;
    width: 320px;
    object-fit: contain;
}
.simptom-edocumentation-items .simptom-edocumentation-file a {
    color: var(--color-primary);
}
.simptom-edocumentation-items .simptom-edocumentation-file a:hover {
    color: var(--color-secondary);
}
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
.section-footer--main-content {
    padding: var(--space-28) var(--space-10) var(--space-16) var(--space-10);
    background-color: #292931;
}

.container-footer--main-content {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    color: var(--color-white);
}

.container-footer--main-content p {
    color: var(--color-white);
}

.footer-column {
    min-width: 200px;
    padding-right: var(--space-4);
    flex-grow: 1;
}

.footer-column ul {
    margin: 0;
    list-style: none;
}

.footer-column--first .footer-logo {
    display: block;
    margin-bottom: var(--space-20);
}

.footer--menu-header {
    display: block;
    margin-bottom: var(--space-8);
    color: var(--color-secondary);
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    line-height: var(--leading-6);
}

.footer-column--first .footer--menu-header {
    margin-bottom: var(--space-2);
    color: var(--color-white);
}

.footer-column:not(.footer-column--first) {
    margin-top: var(--space-24);
}

.footer--company-location {
    max-width: 160px;
    display: block;
    color: var(--color-white);
    font-size: var(--text-base);
    line-height: var(--leading-8);
    text-decoration-color: transparent;
}

.section-footer--main-content .footer--company-location:hover {
    color: var(--color-secondary);
    text-decoration-color: var(--color-secondary);
}

.footer--company-id {
    display: block;
    margin-bottom: var(--space-10);
}

.footer--company-contact {
    display: block;
    margin-bottom: var(--space-10);
    color: var(--color-white);
    font-size: var(--text-base);
    font-weight: var(--font-normal);
    line-height: var(--leading-7);
}

.footer--company-contact a {
    color: var(--color-white);
    text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
}

.footer--company-contact a:hover {
    color: var(--color-secondary);
    text-decoration-color: var(--color-secondary);
    -moz-text-decoration-color: var(--color-secondary);
}

.contact-icon__mobile {
    margin-left: var(--space-1);
}

.wrapper-contact-logo {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: var(--space-3);
}

.footer--company-logo {
    display: block;
    margin-bottom: var(--space-1);
}

.footer--company-description {
    max-width: 400px;
    display: block;
    font-size: var(--text-base);
    line-height: var(--leading-8);
}

.footer-menu-items a {
    color: var(--color-white);
    font-size: var(--text-base);
    line-height: var(--leading-8);
    text-decoration-color: transparent;
}

.footer-menu-items a:hover {
    color: var(--color-secondary);
    text-decoration-color: var(--color-secondary);
}

.footer-column--forth .footer-menu-items {
    margin-bottom: var(--space-8);
}

.wrapper-tracking-login {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: var(--space-3);
}

a.wrapper-tracking-login {
    color: var(--color-white);
    font-size: var(--text-base);
    line-height: var(--leading-8);
    text-decoration-color: transparent;
}

a.wrapper-tracking-login img {
    transition: transform var(--transition-time) ease-in-out;
}

a.wrapper-tracking-login:hover {
    color: var(--color-secondary);
    text-decoration-color: var(--color-secondary);
}

a.wrapper-tracking-login:hover img {
    transform: translateY(-8px);
}

.footer--social-media-icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--space-6);
}

.footer--social-media-icons a {
    transition: transform var(--transition-time) ease-in-out;
}

.footer--social-media-icons a:hover {
    transform: translateY(-8px);
}

.footer--social-media-icons img {
    display: block;
}

@media only screen and (max-width: 1024px) {
    .section-footer--main-content {
        padding: var(--space-16) var(--space-4) var(--space-16) var(--space-4);
    }

    .footer-column:not(.footer-column--first) {
        margin-top: var(--space-10);
    }
}

@media only screen and (max-width: 450px) {
    .section-footer--main-content {
        padding: var(--space-16) var(--space-4) var(--space-10) var(--space-4);
    }

    .footer-column--first .footer-logo {
        width: 35%;
    }
    body.page-template-page-shop .footer-column--first > a{
        display: block;
        text-align: center;
    }
    .footer-column--first > a > img {
        margin-inline: auto;
    }

    .footer-column--first .footer-logo {
        margin-bottom: var(--space-10);
    }
    .footer--menu-header {
        margin-bottom: var(--space-4);
    }

    .footer--company-contact {
        margin-bottom: var(--space-4);
    }

    .footer--company-description p:last-of-type {
        margin-bottom: 0;
    }
    .footer-column--first {
        width: 100%;
        display: grid;
        place-items: center;
    }
    .footer-row--column_firs--title,
    .footer-row--column_last,
    .footer-column-last__row > div,
    .footer--company-location,
    .footer--menu-header,
    .footer--company-logo,
    .footer--company-description p,
    .footer-menu-items li {
        text-align: center;
    }
    .wrapper-tracking-login{
        justify-content: center;
    }
    body.page-template-page-shop .footer-column--first .footer-logo{
        width: 50%;
    }
    .footer-shop .cf7-form--newsletter p{
        align-items: center;
    }
    .footer--social-media-icons {
        align-items: center;
        justify-content: center;
    }
    .container-copyright{
        align-items: center !important;
        justify-content: center !important;
    }
    .copyright-menu-items a {
        display:block;
        text-align: center;
    }
}


.page-template-page-contact .section-breadcrumbs {
    margin-bottom: 0 !important;
}
.page-template-page-contact .contact-page-content--title{
    margin-top: 36px;
}
.category-description-oznacevanje{
    padding-bottom: 36px;
}

#mega-menu-item-265 .megamenu-subpage-data{
    padding-top: 36px;
}

body.home .anchor{
    scroll-margin-top: 72px !important;
}

.hidden-form{
    display: none;
}


/* * * Mobile Menu * * */
/* #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li#mega-menu-item-2254 > a.mega-menu-link:before,
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li#mega-menu-item-2263 > a.mega-menu-link:before{
    background-size: 26px 26px !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
} */
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 72px !important;
    height: 72px;
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
    width: 36px;
    height: 36px;
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item a.mega-menu-link:before{
    margin: 0 12px 0 0px;
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    padding: 10px;
}

.wpcf7 form.sent .wpcf7-response-output{
	   border: unset;
}

.wpcf7:not([data-wpcf7-id="619"]) form.sent .wpcf7-response-output{
    max-width: 960px !important;
    padding: 36px 26px;
    text-align: center;
    margin: 0 auto ;
    border: unset;
    background-color: #fff;
}
.wpcf7:not([data-wpcf7-id="619"]) form.sent .wpcf7-response-output::before{
    content: "Sporočilo uspešno poslano!";
    display: block;
    text-align: center;
    font-family: var(--heading-font);
    font-size: 36px;
    font-weight: 700;
    color: #066eaf;
    margin-bottom: 26px;
}


/* * * Responis * * */

@media screen and (max-width:1460px) and (min-width: 1024px){
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item{
        padding: 8px !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link{
        font-size: 16px !important;
    }
    .section--header--main-content:not(.sticky) #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{
        top: 54px !important;
    }
}

@media screen and (max-width:1025px){
.top-bar--column__last span{
    display: none;
}
}

.simptom_sledenje_banner_on_right_side-html{
    position: fixed;
    bottom: 20%;
    right: -100%;
    padding: 26px;
    background-color: var(--color-secondary);
    color: var(--color-white) !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .17);
    border-radius: 13px;
    border: 2px solid rgba(255, 255, 255, 1);
    max-width: 320px;
    transition: all ease-in 450ms;
    display: flex;
    flex-direction: column;
    z-index: 9999;

}
.simptom-banner-close{
    cursor: pointer;
    display: flex;
    justify-content: end;
    padding-bottom: 16px;
}
.simptom-brez-stroskov-montaze-title{
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--color-white);
    text-align: center;
}
.simptom-brez-stroskov-montaze-descripton{
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}
.simptom-brez-stroskov-montaze-descripton p{
    font-size: var(--text-base);
    color: var(--color-white);
	line-height: var(--leading-7);
}
.simptom_sledenje_banner_on_right_side-html a{
    align-self: center;
    background-color:var(--color-yelow) ;
    color: #000;
    font-size: var(--text-base);
    line-height: var(--leading-5);
    padding:12px 24px;
    font-weight: var(--font-bold);
    border-radius: var(--border-radius);
    text-decoration: none;
}
.simptom_sledenje_banner_on_right_side-html a:hover{
    background-color: #fff;

}
#post-1884 .section-template-page-container{
	margin-bottom: 72px;
}

#post-269 .simptom-cta-box-container{
    margin-top: 72px;
}

.simptom-ponudba .wpcf7-submit{
    display: none;
}

@media screen and (max-width: 1360px) {
    /* #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{
        padding: 0px 0px 0px 36px;
    } */
    .simptom-ponudba .simptom-form-multistep-paket{
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    .simptom-ponudba .simptom-form-paket--price,
    .simptom-ponudba  .simptom-form-paket--title{
        font-size: var(--text-2xl);
        text-align: center;
    }
    .simptom-ponudba .simptom-form-paket--button label {
        padding: 8px;
    }
}


.simptom-li-style li {
    position: relative;
    padding-left: 10px;
    line-height: var(--leading-10);
}
.simptom-li-style li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--color-secondary);
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
}
.simptom-latest-posts{
    display: flex;
    flex-direction: column;
    align-items: center;

}
.simptom-latest-posts > p{
    padding-top: var(--space-6);
    color:var(--color-primary);
    font-size: 21px;
    margin: var(--space-4) 0;
    font-weight: 700;
}

.simptom-latest-posts-wrapper{

    margin: var(--space-8) 0 var(--space-8) 0;
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    align-items: center;
}
.simptom-latest-posts-wrapper a:hover .front-page-iot-fx--button-wrapper,
.simptom-latest-posts-wrapper a:hover .simptom-post-excerpt{
    opacity: 1;
    height: auto;
}
.simptom-latest-posts.hover-active .front-page-iot-fx--button-wrapper,
.simptom-latest-posts.hover-active .simptom-post-excerpt{
transition: ease-in 250ms;
}
.simptom-latest-posts:not(.hover-active) .front-page-iot-fx--button-wrapper,
.simptom-latest-posts:not(.hover-active) .simptom-post-excerpt,
.simptom-latest-posts:not(.hover-active) .simptom-thumbnail-wrapper::before,
.simptom-latest-posts:not(.hover-active) .simptom-thumbnail-wrapper::after,
.simptom-latest-posts:not(.hover-active) h3.simptom-post-title{
    transition: unset !important;
}

.simptom-latest-posts-wrapper  .simptom-thumbnail-wrapper{
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    min-width: 250px;
    min-height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    color: #fff;
    padding: 16px;
}
.simptom-latest-posts-wrapper  .simptom-thumbnail-wrapper::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: var(--border-radius);
    background-color: rgba(0, 0, 0, 0.20);
    z-index: 1;
    transition: all var(--transition-time);
}

.simptom-latest-posts-wrapper  .simptom-thumbnail-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: var(--border-radius);
    background-color: var(--color-secondary);
    opacity: 0;
    z-index: 1;
    transition: all var(--transition-time);
}
.simptom-latest-posts-wrapper  .simptom-thumbnail-wrapper:hover::before{
        opacity: 60%;
}
.simptom-latest-posts-wrapper h3.simptom-post-title {
    display: block;
    margin-bottom: var(--space-4);
    color: var(--color-white);
    font-size: var(--text-xxl);
    font-weight: var(--font-bold);
    line-height: var(--leading-5);
    z-index: 4;
    transition: all var(--transition-time);
}
.simptom-post-title a{
    color:var(--color-primary);
    font-size: 21px;
    font-weight: 700;
    text-decoration: none;
}
.simptom-latest-posts-wrapper .simptom-post-excerpt{
     color: var(--color-white);
     z-index: 4;
    max-width: 90%;
    word-break: keep-all !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: var(--space-4);
    margin-bottom: var(--space-4);
        opacity: 0;
    height: 0;
}
.simptom-latest-posts  .simptom-btn.primary{
    align-self: flex-start;
    display: inline-block;
    margin-top: var(--space-4);
    transition: unset !important;
}
.simptom-blog-item {
    flex: 1 33%;
    /* padding: 16px; */
}
/* .simptom-blog-item img{
    width: 100%;
    object-fit: cover;
    max-height: 250px;
} */
.simptom-blog-item:hover{
    box-shadow: 0 3px 6px #00000029;
}
.simptom-latest-posts-wrapper a{
    transition: unset;
    text-decoration: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu .simptom-latest-posts-wrapper p{
    font-size: 14px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu .simptom-latest-posts-wrapper .simptom-post-excerpt {
    opacity: 1;
    height: auto;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu .front-page-iot-fx--button-wrapper .front-page-iot-fx--link{
    font-size: var(--text-base);

}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu .front-page-iot-fx--button-wrapper{
       opacity: 1;
    height: auto;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{
    z-index: 10;
}

.section.section-copyright {
    padding: 0 var(--space-10);
}

.cf7mls_next.action-button{
    font-weight: var(--font-normal) !important;
    font-size: var(--text-base) !important;
    padding: var(--space-5) var(--space-10) !important;
}
body:not(.page-template-page-vehicle-tracking):not(.single-product) .slick-prev:before,
body:not(.page-template-page-vehicle-tracking):not(.single-product) .slick-next:before {
    content: " " !important;
}

 body:not(.page-template-page-vehicle-tracking) .slick-slider .slick-arrow {
    width: fit-content !important;
    height: fit-content !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.20);
    padding: 16px 8px;
    color: #fff;
 }
   body:not(.page-template-page-vehicle-tracking) .slick-slider .slick-arrow:hover,
   body:not(.page-template-page-vehicle-tracking)  .slick-slider .slick-arrow:focus {
    color: #fff;
    background-color: var(--color-primary);
  }


@media only screen and (max-width: 1024px) {
   body:not(.page-template-page-vehicle-tracking) .slick-slider .slick-arrow {
    padding: 8px 4px;
  }

  body:not(.page-template-page-vehicle-tracking) .slick-slider .slick-arrow svg {
    width: 16px;
    height: 16px;
  }
	.page-vehicle-btns-wrapper{
		display: flex;
		flex-wrap: wrap;
		    padding-top: var(--space-6);
	}
	.page-vehicle-btns-wrapper .simptom-btn {

		padding: 1rem var(--space-4);
	}
}

#mega-menu-sledenje-paketi form.sent .wpcf7-response-output[style]{
	display: none !important;
}