* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    list-style: none;
    box-sizing: border-box;
}

body {
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #000;
    background-color: #232E39;
    height: 100%;
    width: 100%;
}


strong,
b {
    font-weight: 600;
}

ul {
    margin: 1.2em;
}

ul li {
    margin: .3em;
    list-style: circle;
    margin-bottom: 5px;
}


.container ul,
.user_container ul {
    margin: 15px 0 15px 20px;
    padding: 0;
    position: relative;
    padding-left: 25px
}

.container li,
.user_container li {
    margin: 0;
    list-style: none;
    margin-bottom: 5px;
}

.container li::before,
.user_container li::before {
    display: inline-block;
    height: 15px;
    width: 15px;
    content: "\f35a";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    margin-top: 2px;
    color: #8f96a5;
    background-repeat: no-repeat
}

input,
textarea,
select {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    outline: none;
    font-weight: 400 !important;
    border: 1px solid #f2f2f2;
    padding: 1em;
    font-size: .8em;
    color: #00002eff;
}

.check_container {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 4px;
    margin: 0 0 20px 0;
    align-items: flex-start;
}

.check_container p {
    margin-top: -3px;
    padding: 0 !important;
    font-weight: 400;
    line-height: 19px
}


.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #000
}

.check_container:hover input~.checkmark {
    background-color: #000
}

.check_container input:checked~.checkmark {
    background-color: #ee1c25;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.check_container input:checked~.checkmark:after {
    display: block;
}

.check_container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

a {
    color: #ee1c25;
    text-decoration: underline;
    transition: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    color: #ee1c25;
    text-decoration: none;
}


.imgCover {
    float: left;
    width: 100%;
    height: 350px;
    background-size: 100%;
    margin: 1em 0 1em 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imgRight {
    float: right;
    width: 35%;
    max-width: 400px;
    height: auto;
    clear: right;
    box-sizing: border-box;
    margin: 1em 0 1em 1em;
}

.imgRight img {
    width: 100%;
}

.imgLeft {
    float: left;
    width: 35%;
    max-width: 400px;
    height: auto;
    clear: left;
    box-sizing: border-box;
    margin: 1em 1em 1em 0;
}

.imgLeft img {
    width: 100%;
}

.imgCenter {
    float: left;
    width: 100%;
    height: auto;
    clear: left;
    box-sizing: border-box;
    margin: 1em 0;
    text-align: center;
}

.imgCenter img {
    width: 100%;
    max-width: 900px;
}

.userGgallery {
    margin: 25px 0;
    margin-right: 0px;
    margin-left: 0px;
    line-height: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.userGgallery img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.files {
    width: 100%;
    margin-top: 15px;
}

.fileDownload {
    padding: 5px 0 5px 25px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}

.btn {

    padding: 1em;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;

    min-width: 250px;

    border-radius: 25px;
    text-align: center;
    background-color: #ee1c25;
    margin-top: 20px;
    font-size: 16px;

}

.btn:hover {
    background-color: #000;
    color: #fff !important;
}

.btnMin {
    color: #fff !important;
    min-width: auto;
    padding: 10px 1em !important;
}

.inputF {
    width: 100%;
    height: 55px;
    background-color: #fff;

    font-size: .9em;
    padding: 0 0 0 10px;
    -webkit-appearance: none;
}

.area-field {
    width: 100%;
    background-color: #fff;

    font-size: .9em;
    padding: 10px 0 0 10px;
    height: 90px;
}

main {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 0;


}

.main_cont {
    position: relative;
}

.bF {
    position: absolute;
    margin: 0;
    top: -10px;
    right: 0;
    min-width: 150px;
    padding: 10px 20px;
}

.marg {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    padding: 0 15px;
}

.content {
    width: 100%;
    margin: 0 auto;
    max-width: 2500px;
}


.mt80 {}



h1 {
    margin: 0 0 .5em 0;
    font-size: 2.2em;
    line-height: 1em;
    font-weight: 700;
}

h3 {
    margin: 1em 0 1.3em 0;
    font-size: 1.3em;
    line-height: 1.2em;
}

.user_style h1 {
    font-size: clamp(25px, 5vw, 40px);
    line-height: 1.2em;
    font-weight: 600;
    color: #ee1c25;
    margin: 0 0 30px 0;
}

.user_style h2 {
    font-size: clamp(20px, 5vw, 30px);
    line-height: 1.4em;
    font-weight: 500;
    margin: 20px 0 30px 0;
    color: #000;
}

.user_style h3 {
    font-size: clamp(18px, 5vw, 25px);
    line-height: 1.2em;
    font-weight: 500;
    margin: 20px 0 30px 0;
    color: #000;
}

.user_style h4 {
    font-size: clamp(18px, 5vw, 25px);
    line-height: 1.2em;
    font-weight: 500;
    margin: 20px 0 30px 0;
    color: #000;
}

blockquote {
    display: table;
    width: auto;
    height: auto;

    padding: 35px;
    margin: 20px 0 20px 0;
    font-size: clamp(16px, 5vw, 18px);

    line-height: 1.2em;
}

blockquote p {
    margin: 0;
    padding: 0;
}


.user_style table {
    width: auto;
    border-spacing: 0;
    max-width: 100%;
    margin: 20px 0;
}

table ul {
    margin-left: 0 !important;
}

.user_style tr:nth-child(even) {
    background: #f2f2f2;
}

.user_style td {
    padding: 5px 10px;
    font-size: .9em;
    border-bottom: 1px solid #ddd;
}

.user_style th {
    background-color: #ee1c25;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    font-weight: 400;
}


.split {
    font-size: 25px;
    color: #000;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: .5px;
    text-align: center;
    width: 100%;
    position: relative;
    margin: 60px 0 80px 0;
    position: relative;

}

.split::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 1px;
    background-color: #ee1c25;
    bottom: -15px;
    left: calc(50% - 40px);
    transition: .5s all;
}

/*kategorie*/

.grid-list {
    float: left;
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin: 0 0 0 0;
    float: left;
}

.grid_item {
    padding: 0;

    transition: .5s all;
}

.grid-list a {
    text-decoration: none;
}

.grid_item_img {
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

.grid_item:hover img {
    transform: scale(1.2)
}

.grid_item_img img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: .5s all;
}

.grid_item_info {
    padding: 25px;
    margin-top: -35px;
    background-color: #fff !important;
    position: relative;
    width: calc(100% - 40px);
    margin-left: 20px;

}

.grid_item_info h3 {

    font-size: clamp(18px, 5vw, 25px);
    line-height: 1.2em;
    margin: 0 0 15px 0 !important;
    text-align: left;

    height: auto;
    display: flex;
    align-items: center;
    margin: 0;
    color: #000 !important;
}

.fixed_btn {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ee1c25;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px 15px;
    text-decoration: none;
    border: 1px solid #fff;
    border-bottom: none;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}

.fixed_btn i {
    font-size: 12px;
    margin-right: 8px;
}

.fixed_btn:hover {
    background-color: #000;
    color: #fff;
}

/*HEAD*/
header {
    width: 100vw;
    background-color: #fff;
    padding: 25px 0;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
}

.hr {
    position: absolute;
    right: 15px;
    display: flex;
    align-items: center;
}

.hl {
    position: absolute;
    left: 15px;
    display: flex;
    align-items: center;
}

.head_icon,
.start-nav {
    width: 45px;
    height: 45px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;


}

.head_icon {
    margin-right: 15px;
}

.start-nav {
    background-color: #ee1c25;
    border: 1px solid #ee1c25;
    color: #fff;
}

.head_icon:hover {
    background-color: #fff;
}

header .marg {
    width: 100%;
    max-width: 980px;
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: center;
    position: relative;

}

.mrA {
    margin-left: auto;
}

header a {
    text-decoration: none;
}

header a:hover {}

.logo {
    width: auto;
    line-height: 0;
    text-align: center;
    cursor: pointer;
}

.logo img {
    height: 60px;
    transition: .5s all;
}



.panel {

    z-index: 19000;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 280px;
    top: 110px;
    background-color: #ee1c25;

    height: auto;
    padding-bottom: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    right: -280px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}


.sFlex {
    display: flex;
    align-items: center;
    justify-content: center
}

.search-close {
    height: 15px;
    cursor: pointer;
    margin-left: 40px
}


.panelVis {
    right: 0;
    transition: .5s ease;
    -webkit-transition: .8s ease;
    -moz-transition: .8s ease;
    -ms-transition: .8s ease;
    -o-transition: .8s ease;
    overflow-y: scroll;
    overflow-x: hidden
}

.flex-nav {
    display: flex;
    color: #fff;
    flex-direction: column;
    margin-top: 15px;
    flex-wrap: wrap;
    width: 200px;

}

.flex-nav>div {
    width: 100%;
}

.p2 {
    margin-bottom: 35px;
}

.closeP {
    height: 40px;
    cursor: pointer;
    margin-top: 10px
}

.m-navi {
    order: 1;
    width: 340px;
}

.mid-navi {
    margin: 0 0;
    line-height: 1.9em;
    height: auto;
    font-size: .9em;
    font-weight: 500;
    padding-top: 15px;
    order: 2
}



.panel ul {
    display: flex;
    margin: 0 !important;
    padding: 0;
    width: 100% !important;
    flex-direction: column;


}


.rNav li {
    margin: 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;

}

.rNav li a {
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    display: flex;
    width: 100% !important;
    padding: 15px 0;
    text-align: left;

}


.infoIcon {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    margin-right: 0;

    margin-bottom: 15px;
}

.infoIcon span {
    background-color: #fff;
    width: 35px;
    height: 35px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    margin-right: 10px;
    border-radius: 5px;
    color: #58382D !important;

}

.infoIcon span a {
    color: #58382D !important;
}

.infoIcon>div a {
    color: #fff !important;

}

.infoIcon h5 {
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 10px 0;
    color: #fff !important;
    text-align: left;
    padding: 0;
    line-height: 14px;
}

.infoIcon h5 i {
    margin-right: 5px;
}

.infoIcon img {
    width: 15px;
}

.mainRole {}

.mainRole img {
    height: 15px;
    margin-right: 10px;
    margin-top: 5px !important;
}

.subRole li {
    border-bottom: 1px solid #ddd;
}

.subRole li a {
    font-size: .9em !important;
    font-weight: 400
}

.rNav li :hover a {
    color: #fff !important;
    text-decoration: none
}




.rwdMore {
    width: 40px !important;
    overflow: hidden;

    cursor: pointer;
    margin-left: auto;
    text-align: right;

    color: #fff;

}


.subRole {
    height: 0;
    overflow: hidden
}

.shown {
    height: auto;
    margin-bottom: 1.2em
}

.subRole a {
    font-weight: 300;
    padding-left: 10px;
    font-size: 1em !important;
    color: #fff !important
}

.finRole a {
    font-weight: 300;
    padding-left: 20px
}



.lan {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 auto;


    line-height: 0;
    font-weight: 500;
}

.lan img:hover {
    opacity: 1;
}

.lan img {
    transition: .5s all;
    height: 25px;
    margin: 0 10px 0 0;
    opacity: .3;
}

.white img {
    opacity: 1;
}



.main-navi {
    margin: 0 40px;
    position: relative;


}

.navigation {
    list-style: none;

    display: flex;
    align-items: center;
    margin: 0 0 0 0;

}

.navigation li {
    display: inline-block;
    margin: 0 10px 0 10px;
    padding: 0 0;

    background-image: none;
    transition: .5s all;


}

.navigation i {
    margin-right: 5px;
    font-size: 13px;
    color: #fff;
}

.navigation .act a {
    color: #fff !important;

}

.navigation li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 0 0 0;
    height: 110px;

    display: flex;
    align-items: center;
    transition: .5s all;
    font-weight: 400;
    letter-spacing: 1px;

}

.navigation li:hover a {

    color: #fff !important;
}

.navigation li :hover a {
    color: #fff;
}

.navigation .act li:hover {
    color: #fff;

}

.navitation li:hover a {
    color: #fff;
}


.main-navi li:hover>ul {
    display: block;
    opacity: 1;
    animation: fadein 0.5s;

}

.main-navi ul ul {
    position: absolute;
    display: none;
    margin: 0 0;
    padding: 0 0 0 0;
    opacity: 0;
    margin-left: 0;
    z-index: 5000;
    box-sizing: border-box;
}

.main-navi ul ul li {
    display: block;
    opacity: 1;
    animation: fadein 0.5s;

}

.submenuHover {
    width: 250px;
    margin: 0 0 0 0;
    height: auto;
    background-color: rgba(136, 114, 91, .65);
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);

    box-sizing: border-box;
    margin-top: 0 !important;

}

.submenuHover li:last-child a {
    border-bottom: none !important;
}

.submenuHover li {
    margin: 0 0 0 0 !important;
    padding: 0 10px 0 10px !important;
    font-size: 1em;
    color: #000 !important;
    height: auto !important;
    width: 100%;
}

.submenuHover i {
    width: 18px;
}

.submenuHover li:hover {
    transition: all 0.5s;
    color: #fff !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.submenuHover li a:hover {}

.submenuHover a {
    font-size: 14px;
    background-color: transparent !important;
    border-radius: unset !important;
    color: #000 !important;
    text-decoration: none;
    float: left;
    width: 100%;
    height: auto !important;
    padding: 15px 0 !important;
    border: none !important;
    margin: 0 !important;
    border-bottom: 1px solid #fff !important;
    box-sizing: border-box;
    -webkit-border-radius: unset !important;
    -moz-border-radius: unset !important;
    -ms-border-radius: unset !important;
    -o-border-radius: unset !important;
    text-transform: initial !important;

}


@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.izpoSub {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0;
    margin: 0 0;
    flex-wrap: wrap;

}

.yel {
    background-color: #ee1c25 !important;
}

.wht {
    background-color: unset !important;
}

.wht .izpoSubImg {
    margin-top: 0;
}

.wht .izpoSubImg {}

.rev .izpoSubImg {}

.izpoSubImg {
    order: 2;
    display: flex;
    width: 50%;
    line-height: 0;
    height: auto;
    min-height: 450px;

    align-items: flex-end;
    justify-content: center;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    transition: background-position 5s ease-out;
}


.izpoTxt {
    width: 50%;
    flex: 1;
    order: 1;
    padding: 0 100px;
    padding-top: 0;
    text-align: left;
    font-weight: 300;

}

.izpoSecondary {
    margin-top: 40px;
    text-align: left;
}

.rev .izpoSecondary {
    text-align: right;
}


.rev {
    background-color: #141f28 !important;
    color: #8f96a5;

}

.wht .izpoTxt {
    color: #8f96a5 !important;
}

.rev h1,
.wht h1 {
    color: #232D39 !important;
}

.rev .izpoSubImg {
    order: 0 !important;
}

.rev .izpoTxt {
    order: 1 !important;

}

.section .izpoTxt {
    padding: 35px 150px;
}

.izpoTxt h2 {
    font-size: clamp(25px, 5vw, 35px);
    line-height: 1.2em;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #ee1c25;
}





/*BLOG*/

.blog_items {


    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin: 50px 0 25px 0;
    flex-wrap: wrap;
}


.blog_item {
    width: 23%;
    margin: 0 1% 25px 1% !important;
    display: flex;
    flex-direction: column;
    text-align: center;

    background-color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-radius: 15px;

}

.blog-item a:hover {

    color: #000;
}

.blog_img {
    position: relative;
    text-align: center;
    line-height: 0;



}

.blog_content {


    padding: 0 40px;

}

.blog_item:hover h2 a {
    color: #dfa75a;
}

.blog_img img {


    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;

}

.blog_item h2 {
    font-size: clamp(18px, 5vw, 20px);
    color: #000;
    font-weight: 600;
    line-height: 1.3em;
    text-align: center;
    width: 100%;

    position: relative;
    padding: 15px 0;


}

.blog_item a {
    text-decoration: none;
    color: inherit !important;
}

.blog_item p {
    padding-bottom: 15px;
    color: #232E39 !important;
}

/*SLIDE*/


#slider-container {


    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #000;
}

#slider {
    display: flex;
    transition: transform 0.5s ease-in-out;


}

.slide:not(.active) .caption {
    /*  transition: .5s all;
  opacity: .2;*/
}

.slide {
    flex: 0 0 100%;
    max-width: 1300px;
    height: 550px;
    display: flex;

    align-items: center;
    background-color: lightgray;
    margin: 0 0;
    transition: filter 0.5s ease-in-out;
}


.slide.active {
    opacity: 1;
    z-index: 51;
}

.slide img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;

}

.caption {
    text-align: center;
    width: 100%;
    max-width: 1300px;
    padding: 35px;
    padding-bottom: 140px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    transition: .5s all;
    position: absolute;
    height: 100%;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 0) 100%);


}

.captionSummary a,
.parallax a,
.feat-vid a {
    padding: 1em;
    color: white;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    min-width: 250px;
    border: 1px solid #ee1c25;

    text-align: center;
    margin-top: 25px;
    font-size: .9em;
}



.captionSummary a:hover,
.parallax a:hover,
.feat-vid a:hover {
    padding: 1em;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background-color: #ee1c25;
    font-weight: 500;
    min-width: 250px;
    border: 1px solid #ee1c25;

    text-align: center;
    margin-top: 25px;
    font-size: .9em;
}

.captionSummary h2 {
     font-size: clamp(20px, 5vw, 30px);
    color: #fff;
    line-height: 1.1em;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.captionSummary {
    color: #fff;
line-height: 1.2em;


}

.captionSummary a i {
    margin-left: 10px;
}

#slideNav {
    position: absolute;

    z-index: 52;
    bottom: 35px;
    left: calc(50% - 55px);
    display: flex;
}

#slideNav img {
    height: 20px;
}

#prevBtn,
#nextBtn {
    width: 45px;
    height: 45px;
    font-size: 18px;
    cursor: pointer;
    background-color: #ee1c25;
    color: #fff;

    transition: .5s all;
    margin: 0 5px;

    font-size: 20px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

#prevBtn:hover,
#nextBtn:hover {
    background-color: #fff;
    color: #000;

}

/*prednosti*/
.p_items {
    background-color: #f8f5f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ee1c25;
    padding: 30px 10% 30px 10%;
}

.p_item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.p_item span {
    width: 60px;
    height: 60px;
    background-color: #ee1c25;
    color: #fff;
    font-size: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p_item p {

    margin-top: 8px;
}



.animate {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s, transform 0.6s;
    margin: 0 0;
}

.animate.visible {
    opacity: 1;
    transform: translateY(0);
}

/*izpostave*/
.izpostava_intro {
    padding: 80px 0;
    text-align: center;
    background-color: #f8f5f2;
}

/*kontakt*/

.con-split {
    display: flex;


    flex-wrap: wrap;
}

.sub-con {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    background-color: #ee1c25;
    color: #fff;
    padding: 0;
    min-height: 650px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    background-position: center;
    background-size: cover;
}

.con-form {
    width: 50%;
    min-height: 650px;
    float: left;
    padding: 30px 100px;
    background-color: #232E39;
    color: #8f96a5;
    line-height: 1.5em !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.3em;


}

.con-form h1 {
    font-weight: 200;
    margin: 0 0 10px 0;
    color: #8f96a5;
}

.sub-card {
    width: 90%;
    max-width: 550px;

    color: #fff;
    padding: 35px;
    font-size: 1em;
    line-height: 1.5em;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    background-color: rgba(20, 31, 40, 0.60);

}

.sub-card span {
    display: inline-block;
    width: 110px;
    font-size: 14px;
}

.expo {
    color: #fff;

    font-weight: 400;
    line-height: 1.5em;
    margin: 18px 0;
}

.expo a {
    color: #fff;
    text-decoration: none;
}

.sub-card a {
    color: inherit;
    text-decoration: none !important;
}

.form-place {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 25px 0 35px 0;
    padding: 0;
    width: 100%;
    max-width: 400px;
    position: relative;
}

.sub-title {

    font-size: 2.6em;
    line-height: 1.3em;
    margin-bottom: 0;

}

.sub-title>div {
    padding: 25px;
}

.sub-title h2 {
    font-size: 1.8em;
    line-height: 1em;
    font-weight: 600;
    color: #fff;
    margin-bottom: .5em;
    margin-top: 0;
}

.sub-img {
    flex: 1;
    height: 450px;
    background-size: cover;
    background-position: center;
    order: 1;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8f96a5;
    opacity: 1;
    font-weight: 400;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #8f96a5;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #8f96a5;
}

.form-place .inputF {
    width: 100%;

    height: 50px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #8f96a5;
    font-weight: 500 !important;
    border-radius: 0%;
    font-size: 16px;
    padding: 0 0 0 0;
    color: #fff;
    position: relative;
}

.area-field {
    width: 100%;
    background-color: transparent;
    border: 0px solid #8f96a5;
    font-size: 16px;
    padding: 10px 0 0 0;
    height: 150px;
    border-radius: 0;
    color: #fff;
    border-bottom: 1px solid #8f96a5;

}

.prijava_place {
    display: flex;
    width: 100%;
    max-width: 680px;
    justify-content: center;
    padding: 25px;
    margin: 0 auto;
    color: #000;

    box-shadow: rgba(149, 157, 165, .2) 0 30px 24px;

}

.prijava_place a {
    color: #000 !important;
}

.prijava_place label {
    margin: 8px 0;
    display: block;
    font-size: .8em;
}

.prijava_place label b {
    font-weight: 400;
}

.check_container a {
    color: #8f96a5;
}

.rez-btn {
    background-color: transparent;

    color: #fff !important;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    border: 1px solid #ee1c25;
    background-color: #ee1c25;
    width: 100%;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
}

.rez-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #232E39;
    transition: left 0.4s;
    z-index: -1;
}

.rez-btn:hover::before {
    left: 0;
}

.rez-btn i {
    padding-left: 8px;
    transition: .5s all;
}

.iLabel {
    margin: 8px 0 !important;
    font-size: .8em;
    line-height: 1.1em;
    height: 20px;
    display: flex !important;
    align-items: center;
    color: #000;

}

.prijava_place #fKontakt {
    width: 100%;
    max-width: 650px;

}

.prijava_place .inputF {}

.prijava_place a {
    color: #1d3461;
}

.prijava_info {
    flex-basis: 100% !important;
    color: #1d3461;
}




.form-place {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 25px 0;
    padding: 0 20px;
    justify-content: space-between;
    position: relative;
}

.error_dat {
    color: #f00;
    margin-top: 10px;
    width: 100%;
    font-size: 13px;

}

.form-place label {
    color: #8f96a5;
    margin: 0 0 0 0;
    line-height: 1em;
    font-size: 12px;

}

.prijava_place .form-place>div {
    flex-basis: 48%;
    padding: 0;

}

.full_r {
    flex-basis: 100% !important;
}

.prijava_place h3 {
    font-size: 2em !important;
    margin: 0 0 25px 0 !important;
    font-weight: 700 !important;
    color: #1d3461 !important;
    text-align: center;
}

.vmesni {
    margin: 15px 0 !important;
    color: #403F41 !important;
    font-size: 1.2em !important;
}

.prijava_info p {
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 25px;
}

.radioOptions label {
    display: inline-block;
    margin-right: 15px;
}

.default-form-btn {
    background-color: #00bc5b;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    min-width: 200px;
    width: 100%;
    height: 50px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 1em;
    padding: 0.5em .5em;

    font-weight: 600 !important;
    -webkit-appearance: button;

}

.default-form-btn:hover {
    background-color: #1d3461;
}

/*paralax*/


.paralax {
    display: flex;
    width: 100%;
    height: 600px;
    padding-top: 100px;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 1px;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
    order: 1;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;


    margin: 0 0;

}

.paralax_cont {
    width: 100%;
    background: #fff;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .7) 100%);
    padding: 0 0 50px 0;
    color: #fff;
}

.paralax_cont h2 {

    line-height: 1.2em;
    font-size: clamp(25px, 5vw, 40px);
    margin: 0 0 15px 0;
}

.paralax_cont p {
    font-size: clamp(14px, 5vw, 16px);
    line-height: 1.2em;

    letter-spacing: 1px;

}

/*extra*/
.extra_item {
    width: 100%;
    padding: 80px 10%;
    background-color: #f8f5f2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.extra_item blockquote {
    display: table;
    width: auto;
    height: auto;
    font-size: clamp(18px, 5vw, 25px);

    line-height: 1.2em;

    padding: 0;
    margin: 0 0 20px 0;
    letter-spacing: 1px;



}

.rev {
    background-color: #fff;
}

.rev .extra_img {
    order: 2;
}

.rev .extra_txt {
    order: 1;

}

.extra_img {
    flex-basis: 50%;
    height: 580px;
    line-height: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.extra_img img {
    width: 100%;
    max-height: 580px;
    position: absolute;
    object-fit: cover !important;
    clip-path: polygon(18% 0, 100% 12%, 100% 100%, 16% 100%, 0 15%);
}

.extra_txt {
    flex-basis: 50%;
    padding: 50px;
}

.extra_txt h2 {

    font-size: clamp(25px, 5vw, 40px);
    margin: 0 0 25px 0;
    line-height: 1.2em;

    color: #ee1c25;
}

.quaters {
    width: 100%;
    padding: 0 10%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    text-align: center;
    padding-bottom: 80px;
}

.quater h3 {
    font-size: 30px;

}

.quaters_img {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    line-height: 0;
}

.quaters_img img {
    width: 100%;
}

.quaters a {
    display: inline-block;
    border: 1px solid #ee1c25;
    background-color: #ee1c25;
    color: #fff;
    border-radius: 25px;
    font-size: 16px;

    padding: 10px 20px;
    margin-top: 25px;
    text-decoration: none;
}

.quaters a:hover {
    background-color: transparent;
    color: #ee1c25;
}

.map_contact {
    width: 100%;
    height: 750px;
    position: relative;
}

.contact_card {
    position: absolute;
    left: 50%;
    width: 355px;
    /* prestavi levi rob na sredino */
    transform: translateX(-50%);
    background-color: rgba(88, 56, 54, .9);
    bottom: 0;
    color: #fff;
    padding: 30px;
    border: 1px solid #fff;
    border-bottom: none;
}

.contact_card>div {
    display: flex;
    font-size: 14px;
}

.contact_card>div p:first-child {
    display: inline-block;
    width: 100px;
}

.contact_card>div p:nth-child(2) {
    font-weight: 500;
}

.contact_card a {
    color: #fff;
}

.contact_card i {
    width: 25px;
}

.map_contact iframe {
    width: 100%;
    height: 750px;
}

.contact_card_logo {
    align-items: center;
    justify-content: center;
    display: flex;
}

/*FOOTER*/


footer {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #141f28;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #8f96a5;


}


.foot-cont {
    width: 100%;
    max-width: 550px;

    padding: 20px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.scl {
    display: flex;
}




.foot-cont a:hover {
    color: #fff !important;
    text-decoration: none;

}


.f_navi {
    margin: 8px 0;
    padding: 0 20px;
}

.foot-cont a {
    color: #8f96a5 !important;
    text-decoration: none;
}

.page_end {
    width: 100%;
    text-align: center;
    font-size: .8em;
    color: #8f96a5;
    line-height: 1.8em;
    margin-top: 15px;
}



.moto {
    letter-spacing: 1px;
    font-size: 14px;
    float: left;
    width: auto;
    clear: both;
    line-height: 30px;
    text-align: center;
}

.moto a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
}

.moto a:hover {
    color: #fff !important;
}

.foot-cont h5 {
    font-size: 1.2em;
    margin-bottom: 0;
    color: #8f96a5 !important;
    font-weight: 300;
}

.social {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 0;
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

.social a {
    width: 40px;
    border: 1px solid #8f96a5;
    margin: 0 10px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;

}

.social i {}



.social a:hover {
    background-color: #ee1c25;
}

.social img {
    height: 25px;
    width: 25px;
}


.containerDef {

    text-align: center;
    width: 100%;
    max-width: 950px;
    padding: 0;
    animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.logoDef h1 {
    font-size: clamp(25px, 5vw, 40px);
    font-weight: bold;
    margin-bottom: 10px;

    color: #ee1c25;
}

.subtitle {
    color: #8f96a5;
    margin-bottom: 30px;
    font-size: 0.95rem;
}

.search-box {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
    border: 1px solid #e5e7eb;
}

.pn_search {
    background-color: #141f28;
    border: 1px solid #000;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 15px;
    position: relative;
}

/* spinner pozicija */
#loading {
    display: none;
    position: absolute;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    top: -30px;



}

/* spinner stil */
#loading::after {
    content: "";
    width: 20px;
    height: 20px;
    border: 3px solid #ddd;
    border-top: 3px solid #ee1c25;
    border-radius: 50%;
    display: block;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

select,
input {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    outline: none;
    font-size: 0.95rem;
    background: #fff;
    transition: 0.2s;
}

select:focus,
input:focus {
    border-color: #ee1c25;
    box-shadow: 0 0 0 2px rgba(238, 28, 37, 0.15);
}

button {
    padding: 14px;
    width: 100%;
    border-radius: 12px;
    border: none;
    background: #ee1c25;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}

.sectionDef {
    height: auto;
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;

    color: #8f96a5;
}




.storitve-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.storitev {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    transition: 0.3s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.storitev:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.storitev h3 {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 18px;
    color: #ee1c25;
}

.storitev ul {
    padding-left: 18px;
    margin: 10px 0 0 0;
}

.storitev ul li {
    margin-bottom: 5px;
}



.catalog_list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    gap: 30px;
}

.content_read {
    background-color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    position: relative;
    transition: .5s all;
    margin: 50px auto;
    width: 100%;
    max-width: 950px;
    padding: 20px;
    margin-bottom: 30px;
}

.catalog_item {

    background-color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

    border-radius: 15px;
    position: relative;
    transition: .5s all;
}

/* skeleton kartica */
.skeleton-item {
    border-radius: 10px;
    overflow: hidden;
    background: #f2f2f2;
    position: relative;
}

/* shimmer efekt */
.skeleton-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.25),
            transparent);
    animation: shimmer 1.6s ease-in-out infinite;
}

@keyframes shimmer {
    100% {
        left: 150%;
    }
}

/* fake elementi */
.skeleton-img {
    height: 160px;
    background: #ddd;
}

.skeleton-text {
    height: 12px;
    margin: 10px;
    background: #ddd;
    border-radius: 4px;
}

.skeleton-text.short {
    width: 60%;
}

.skeleton-text.long {
    width: 90%;
}

.catalog_list>* {
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.catalog_item h2 {
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 22px;
    color: #141f28;
    margin: 0;
    padding: 0 15px;
    height: 65px;
}

.catalog_item a {
    color: #141f28;
}

.cat_item_img {
    line-height: 0;
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cat_item_img img {
    max-width: 100%;
    max-height: 150px;
}

.zaloga {
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #ddd;
    font-size: 13px !important;
    line-height: 17px !important;
    padding: 15px 0;
}

.takoj {
    background-color: #ddf1db !important;

}

.ci_add {
    display: flex;
}

.catalog_item_bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #f1f5f7;
}

.catalog_item_price {
    width: 100%;
    margin: 0;
    font-size: 20px;
    color: #141f28;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    margin: 0 0;
    padding: 10px 15px;
    border-top: 1px solid #ddd;
}

.fn {
    color: #ee1c25;
}

.catalog_item_price p {
    font-size: 13px;
    font-weight: 400;
}

.old-price {
    text-decoration: line-through;

    font-size: 15px;
    font-weight: 500;
}

.catalog_item_discount {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-top-right-radius: 15px;

    background-color: #ed1b2f;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .9em;
    font-weight: 700;
}

.catalog_item_discount p {}

.brand_img {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.brand_img img {
    max-height: 20px;
    max-width: 60%;
}

.tyre_info {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    margin-bottom: 10px;
    font-size: 13px;
}

.tyre_info i {
    margin-right: 5px;
}

.lastnost {
    width: 100%;

    padding: 10px 15px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    font-size: .9em;
}

.lastnost i {
    width: 30px;
    color: #1b2d4f;
}

.catalog_details_description .lastnost:nth-child(even) {
    background-color: #f1f5f7;
}

.lastnost span {
    font-weight: 400;
}

.motorji table {
    width: 100% !important;
    font-size: .9em;
    border-spacing: 0;
}

.motorji table td {
    padding: 8px;
}

.motorji td:nth-child(1) {
    width: 150px;
    font-weight: 400;
}

.motorji td:nth-child(2) {

    font-weight: 600;
}

.motorji tr:nth-child(even) {
    background: #f2f2f2;
}

.details_split {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.catalog_details_image {
    width: 40%;
    line-height: 0;
    text-align: center;
}

.catalog_details_image img {
    max-width: 100%;
    max-height: 400px;
}

.catalog_details_info {
    width: 50%;
    position: relative;
}

.catalog_details_info .tyre_info {
    margin-top: 20px;
    padding: 0;
}

.catalog_details_info .brand_img {

    padding: 0;
}

.catalog_details_info .catalog_item_price {
    padding: 10px 0;
}


/* wrapper spacing (optional) */
#resultsInfo {
    text-align: center;
    margin: 20px 0 10px;
    font-size: 14px;
    color: #8f96a5;
}

/* LOAD MORE BUTTON */
#loadMore {
    font-weight: 500;
    margin: 0 auto;
    padding: 14px 28px;
    font-size: 15px;
    text-align: center;
    border: none;
    background: #ed1b2f;
    color: #fff;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s ease;
    width: 250px;
    margin-bottom: 40px;

}

/* hover efekt */
#loadMore:hover {
    background: #141f28;

}


/* loading stanje */
#loadMore.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* spinner v gumbu */
#loadMore.loading::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

/* animacija */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* field wrapper */
.field {
    display: flex;
    flex-direction: column;
}

/* label */
.field label {
    font-size: 15px;
    color: #8f96a5;
    margin-left: 5px;
    margin-bottom: 3px;
    text-align: left;
}

/* select styling */
.field select {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    transition: all 0.2s ease;
    cursor: pointer;
}

/* hover */
.field select:hover {
    border-color: #bbb;
}

/* focus */
.field select:focus {
    outline: none;
    border-color: #000;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}

/* disabled */
.field select:disabled {
    background: #f5f5f5;
    color: #aaa;
    cursor: not-allowed;
}



.field select {
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5H5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 30px;
}


.catMore {
    width: 100%;
    height: auto;
    padding-top: 10px;
    margin-top: 0;
    border-top: 1px solid #ddd;

}

.min_info {
    font-size: 14px;
}

.min_info i {
    width: 25px;

}

.catMore h4 {
    display: flex;
    align-items: center;
    color: #000;
    margin: 15px 0 15px 0;
    padding: 0;
    font-size: 15px;
    line-height: 0;
}

.catMore i {

    margin-right: 5px;

}

.catMore a {
    padding: 6px 10px;
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-size: .8em;
    font-weight: 500;

    margin-right: 8px;
    transition: .5s all;
}

.catMore a:hover {

    background-color: #ee1c25;
    color: #fff;
}

.obrazecS {
    height: 0;
    overflow: hidden;
    transition: .5s all;
}

.showObr {
    height: auto;
    overflow: visible;
    transition: .5s all;
    display: flex;
}


.important {
    background-color: #ee1c25 !important;
    top: 150px !important;
    color: #FFF;
    z-index: 10001 !important;
}

.important a {
    color: #fff !important;
    font-weight: 600 !important;
    margin-top: 15px !important;
    text-decoration: none;
    display: inline-block;
}

.important i {}

.poper {
    position: fixed;
    right: 0;
    top: 220px;
    width: 240px;
    background-color: #fff;
    padding: 20px;
    font-size: .9em;
    z-index: 1000;
    transition: .5s all;
    border-bottom-left-radius: 27px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.poper_hide {
    right: -240px;
}

.tgl {
    position: fixed;
    width: 55px;
    height: 55px;
    background-color: #1b2d4f;

    border-right: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    right: 240px;
    z-index: 1000;
    top: 220px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: .5s all;
}

.move_tgl {
    right: 0;

}


.zapri {
    cursor: pointer;
}

.poper_item h3 {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: 0;
    font-weight: 600;
    margin-bottom: 10px;
    height: auto;
}

.poper small {
    display: block;
    font-size: .9em;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.poper_item p {
    width: 100%;
}

.poper_item p a {
    font-size: .9em;
    font-weight: 400;
    padding: 5px 0;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 0;
    line-height: 1.3em;
}
/* ==========================================================================
   NOVO 18. 9. 2026 - glava, navigacija in vsebinski sklopi vstopne strani
   ========================================================================== */

header.site-header {
    padding: 0;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .18);
    position: sticky;
    top: 0;
    z-index: 18000;
}

header.site-header .marg.header-inner {
    max-width: 1320px;
    width: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    height: 84px;
}

header.site-header .logo {
    text-align: left;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

header.site-header .logo img {
    height: 52px;
    width: auto;
}

/* navigacija (desktop) */
header.site-header .main-navi {
    margin: 0;
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
}

header.site-header .navigation {
    padding: 0;
    gap: 6px;
}

header.site-header .navigation li {
    margin: 0;
}

header.site-header .navigation li a {
    height: auto;
    padding: 10px 14px;
    border-radius: 10px;
    color: #141f28 !important;
    font-weight: 500;
    letter-spacing: .2px;
    font-size: 15px;
    white-space: nowrap;
    transition: background-color .2s ease, color .2s ease;
}

header.site-header .navigation li a:hover {
    background-color: #f2f4f7;
    color: #ee1c25 !important;
}

header.site-header .navigation li.act > a {
    color: #ee1c25 !important;
    background-color: #fdeced;
}

header.site-header .main-navi ul ul {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .16);
    padding: 8px;
    min-width: 230px;
    margin-top: 0;
    overflow: hidden;
}

header.site-header .submenuHover li a {
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 8px;
}

/* gumbi za kontakt v glavi */
.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.hbtn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    text-decoration: none;
    border: 1px solid #e3e6ea;
    background-color: #fff;
    padding: 8px 14px 8px 10px;
    transition: all .2s ease;
    cursor: pointer;
    font-family: inherit;
}

.hbtn:hover {
    border-color: #ee1c25;
    box-shadow: 0 6px 16px rgba(238, 28, 37, .16);
    transform: translateY(-1px);
}

.hbtn-ico {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: #fdeced;
    color: #ee1c25;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex: 0 0 auto;
}

.hbtn-txt {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    text-align: left;
}

.hbtn-label {
    font-size: 11px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #8f96a5;
}

.hbtn-value {
    font-size: 15px;
    font-weight: 600;
    color: #141f28;
}

.hbtn-phone:hover .hbtn-ico,
.hbtn-mail:hover .hbtn-ico {
    background-color: #ee1c25;
    color: #fff;
}

.hbtn-menu {
    display: none;
    width: 46px;
    height: 46px;
    padding: 0;
    align-items: center;
    justify-content: center;
    background-color: #ee1c25;
    border-color: #ee1c25;
    color: #fff;
    font-size: 18px;
}

.hbtn-menu:hover {
    background-color: #141f28;
    border-color: #141f28;
}

/* stranski panel (mobilna navigacija) */
.panel {
    top: 84px;
    width: 320px;
    right: -320px;
    border-bottom-left-radius: 16px;
    box-shadow: -12px 12px 34px rgba(0, 0, 0, .28);
}

.panelVis {
    right: 0;
}

/* ---------- vsebinski sklopi vstopne strani ---------- */

.kv-section {
    width: 100%;
    float: left;
    clear: both;
    padding: 70px 0;
}

.kv-section .marg {
    max-width: 1320px;
    padding: 0 24px;
}

.kv-head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 40px auto;
}

.kv-eyebrow {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #ee1c25;
    font-weight: 600;
    margin-bottom: 12px;
}

.kv-head h2 {
    color: #fff;
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1.2em;
    margin: 0 0 14px 0;
    padding: 0;
}

.kv-head p {
    color: #b8bfc9;
    margin: 0;
    font-size: 16px;
    line-height: 1.6em;
}

.kv-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.kv-card {
    background-color: #fff;
    border-radius: 16px;
    padding: 28px 24px;
    transition: transform .25s ease, box-shadow .25s ease;
}

.kv-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 34px rgba(0, 0, 0, .28);
}

.kv-card-ico {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background-color: #fdeced;
    color: #ee1c25;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;
}

.kv-card h3 {
    color: #141f28 !important;
    font-size: 19px;
    line-height: 1.3em;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: left;
}

.kv-card p {
    color: #5b6472;
    font-size: 15px;
    line-height: 1.6em;
    margin: 0;
}

.kv-storitve {
    background-color: #1b2731;
}

.kv-serv {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.kv-serv-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background-color: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    padding: 16px 18px;
    color: #e7eaee;
    font-size: 15px;
    transition: all .2s ease;
}

.kv-serv-item:hover {
    border-color: #ee1c25;
    background-color: rgba(238, 28, 37, .08);
}

.kv-serv-item i {
    color: #ee1c25;
    font-size: 18px;
    width: 24px;
    text-align: center;
    flex: 0 0 auto;
}

.kv-brands {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.kv-brand {
    background-color: #fff;
    border-radius: 12px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    transition: transform .2s ease;
}

.kv-brand:hover {
    transform: translateY(-3px);
}

.kv-brand img {
    max-width: 100%;
    max-height: 46px;
    object-fit: contain;
}

.kv-head-btn {
    text-align: center;
    margin-top: 36px;
}

.kv-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all .2s ease;
}

.kv-btn-red {
    background-color: #ee1c25;
    color: #fff;
}

.kv-btn-red:hover {
    background-color: #c9161e;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(238, 28, 37, .28);
}

.kv-cta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.kv-cta-item {
    background-color: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    padding: 28px;
    text-align: center;
    color: #cfd5dd;
}

.kv-cta-item i {
    font-size: 24px;
    color: #ee1c25;
    margin-bottom: 14px;
    display: block;
}

.kv-cta-item h4 {
    color: #fff;
    font-size: 17px;
    margin: 0 0 10px 0;
    padding: 0;
}

.kv-cta-item p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7em;
}

.kv-cta-item a {
    color: #cfd5dd;
    text-decoration: none;
}

.kv-cta-item a:hover {
    color: #ee1c25;
}

/* seznam pnevmatik naj se drži iste širine kot glava in ne sega do roba zaslona */
.catalog_list,
#resultsInfo,
#loadMore {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

#resultsInfo {
    color: #b8bfc9;
    padding-top: 22px;
    font-size: 15px;
}

#loadMore {
    display: block;
    text-align: center;
    margin-top: 26px;
    margin-bottom: 40px;
    cursor: pointer;
    color: #fff;
}

/* storitve kot povezave in dodatni gumb */
a.kv-serv-item {
    text-decoration: none;
}

.kv-btn-line {
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
}

.kv-btn-line:hover {
    border-color: #ee1c25;
    background-color: #ee1c25;
}

/* sklop o podjetju */
.kv-onas-box {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 40px;
    align-items: center;
}

.kv-onas-txt h2 {
    color: #fff;
    font-size: clamp(22px, 3.4vw, 32px);
    line-height: 1.25em;
    margin: 0 0 16px 0;
    padding: 0;
    text-align: left;
}

.kv-onas-txt p {
    color: #b8bfc9;
    font-size: 16px;
    line-height: 1.7em;
    margin: 0 0 14px 0;
}

.kv-onas-txt .kv-btn {
    margin-top: 10px;
}

.kv-onas-num {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.kv-num {
    background-color: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    padding: 24px 20px;
    text-align: center;
}

.kv-num strong {
    display: block;
    font-size: 30px;
    line-height: 1.1em;
    color: #ee1c25;
    margin-bottom: 6px;
}

.kv-num span {
    color: #b8bfc9;
    font-size: 14px;
    line-height: 1.4em;
}

/* obvestilo naj ne prekriva vsebine - postavimo ga v spodnji desni kot */
.tgl.important,
.poper.important {
    top: auto !important;
    bottom: 24px !important;
}

/* ---------- iskalnik: mehkejši prehodi ---------- */

/* lepljiva vrstica s filtri na strani s ponudbo */
.sectionDef_sticky {
    position: sticky;
    top: 84px;
    z-index: 900;
    background-color: #232E39;
    padding: 22px 0;
}

/* tanka vrstica napredka nad seznamom */
#filterProgress {
    position: relative;
    height: 3px;
    max-width: 1320px;
    margin: 0 auto;
    overflow: hidden;
}

#filterProgress span {
    position: absolute;
    left: -35%;
    width: 35%;
    height: 100%;
    background: linear-gradient(90deg, rgba(238, 28, 37, 0) 0%, #ee1c25 50%, rgba(238, 28, 37, 0) 100%);
    opacity: 0;
    transition: opacity .2s ease;
}

#filterProgress.is-on span {
    opacity: 1;
    animation: kvProgress 1s linear infinite;
}

@keyframes kvProgress {
    from { left: -35%; }
    to { left: 100%; }
}

/* med nalaganjem rezultatov jih le zatemnimo, ne izbrišemo */
.catalog_list {
    transition: opacity .18s ease;
}

.catalog_list.is-busy {
    opacity: .45;
    pointer-events: none;
}

/* vrstica pod filtri: število zadetkov in ponastavitev */
.filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    flex-wrap: wrap;
}

.filter-count {
    color: #b8bfc9;
    font-size: 14px;
}

.filter-count i {
    color: #ee1c25;
    margin-right: 6px;
}

.filter-count b {
    color: #fff;
    font-weight: 600;
}

.filter-reset {
    background: none;
    border: 1px solid rgba(255, 255, 255, .18);
    color: #cfd5dd;
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    transition: all .2s ease;
}

.filter-reset:hover {
    border-color: #ee1c25;
    color: #fff;
    background-color: rgba(238, 28, 37, .12);
}

/* kartice se prikažejo mehko, brez poskakovanja */
.catalog_list>* {
    animation: kvFadeUp .28s ease;
}

@keyframes kvFadeUp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.no-results {
    grid-column: 1 / -1;
    text-align: center;
    color: #b8bfc9;
    padding: 60px 20px;
    font-size: 16px;
}

/* števec je zdaj del vrstice filtrov - stari razmiki ne veljajo več */
.filter-bar #resultsInfo {
    max-width: none;
    margin: 0;
    padding: 0;
    color: #b8bfc9;
    font-size: 14px;
}

/* vrtavka ob vrstici filtrov, ne čez rob kartice */
.pn_search #loading {
    left: auto;
    right: 0;
    top: calc(100% + 12px);
    width: 22px;
    height: 22px;
}

/* gumb za ponastavitev ni glavni gumb - naj ne zavzame cele širine */
button.filter-reset {
    width: auto;
    flex: 0 0 auto;
    font-weight: 500;
}

/* ---------- večizbira znamk v iskalniku ---------- */

.multi {
    position: relative;
}

.multi-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background-color: #fff;
    border: 1px solid #d7dbe0;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 15px;
    font-family: inherit;
    font-weight: 400;
    color: #141f28;
    cursor: pointer;
    text-align: left;
}

.multi-toggle i {
    font-size: 12px;
    color: #8f96a5;
    transition: transform .2s ease;
}

.multi.open .multi-toggle i {
    transform: rotate(180deg);
}

.multi.has-selection .multi-toggle {
    border-color: #ee1c25;
    color: #ee1c25;
    font-weight: 600;
}

.multi-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    max-height: 320px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .28);
    padding: 8px;
    z-index: 9500;
}

.multi.open .multi-menu {
    display: block;
}

.multi-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #141f28;
}

.multi-item:hover {
    background-color: #f4f6f8;
}

.multi-item input {
    width: 17px;
    height: 17px;
    accent-color: #ee1c25;
    cursor: pointer;
    margin: 0;
}

.multi-empty {
    padding: 12px;
    color: #8f96a5;
    font-size: 14px;
}

/* znamka (večizbira) naj izgleda enako kot ostali spustni seznami */
.field .multi-toggle {
    padding: 10px 30px 10px 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: normal;
    transition: all 0.2s ease;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5H5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    justify-content: flex-start;
}

.field .multi-toggle:hover {
    border-color: #bbb;
}

/* puščico riše ozadje, ikone ne potrebujemo */
.field .multi-toggle i {
    display: none;
}

.field .multi.has-selection .multi-toggle {
    border-color: #ee1c25;
    color: #ee1c25;
    font-weight: 600;
}

/* gumb za ponastavitev se pokaže samo, kadar je kakšen filter izbran */
#filterReset {
    display: none;
}

#filterReset.is-visible {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* vrstica s filtri (in odprt seznam znamk) mora biti nad karticami izdelkov */
.sectionDef_sticky {
    z-index: 9000;
}

.catalog_list {
    position: relative;
    z-index: 1;
}

/* kljukica "samo na zalogi" v vrstici filtrov */
.filter-stock {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #cfd5dd;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
}

.filter-stock input {
    width: 18px;
    height: 18px;
    accent-color: #ee1c25;
    cursor: pointer;
    margin: 0;
}

.filter-stock:hover {
    color: #fff;
}

.filter-bar {
    justify-content: flex-start;
    gap: 22px;
}

.filter-bar .filter-count {
    margin-left: auto;
}

/* ---------- obvestilo: desno zgoraj, sodobnejši videz ---------- */

.tgl.important,
.poper.important {
    top: 104px !important;
    bottom: auto !important;
}

.tgl.important {
    width: 48px;
    height: 48px;
    background-color: #ee1c25;
    border-radius: 14px 0 0 14px;
    font-size: 18px;
    box-shadow: -4px 6px 18px rgba(0, 0, 0, .25);
}

.poper.important {
    width: 330px;
    background-color: #fff;
    color: #141f28;
    padding: 0;
    border-radius: 16px 0 0 16px;
    overflow: hidden;
    box-shadow: -10px 14px 40px rgba(0, 0, 0, .3);
    border-left: 4px solid #ee1c25;
}

.poper.important .poper_item {
    padding: 0;
    width: 100%;
}

.obv_head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background-color: #fdeced;
}

.obv_ico {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background-color: #ee1c25;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex: 0 0 auto;
}

.obv_naslov {
    font-weight: 600;
    font-size: 15px;
    color: #141f28;
    letter-spacing: .2px;
}

.obv_vsebina {
    padding: 16px 18px;
    font-size: 15px;
    line-height: 1.6em;
    color: #3d4653;
}

.obv_vsebina p {
    margin: 0 0 8px 0;
}

.poper.important a {
    color: #ee1c25 !important;
    font-weight: 600;
    text-decoration: none;
}

.obv_noga {
    padding: 12px 18px 16px 18px;
    border-top: 1px solid #eef0f3;
}

.obv_noga .zapri {
    font-size: 13px;
    color: #8f96a5;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.obv_noga .zapri:hover {
    color: #ee1c25;
}

.poper_hide.important {
    right: -330px;
}

/* stari slog .important je imel rdeče ozadje z !important - tu ga prepišemo */
.poper.important {
    background-color: #fff !important;
    color: #141f28 !important;
}

.poper.important .obv_head {
    background-color: #fdeced !important;
}

.poper.important .obv_vsebina,
.poper.important .obv_vsebina * {
    color: #3d4653 !important;
}

.poper.important .obv_naslov {
    color: #141f28 !important;
}

/* ---------- povpraševanje v pojavnem oknu ---------- */

html.pv-lock {
    overflow: hidden;
}

.pv-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(15, 22, 29, .72);
    backdrop-filter: blur(3px);
    z-index: 20000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.pv-overlay.is-open {
    display: flex;
    animation: pvFade .18s ease;
}

@keyframes pvFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

.pv-box {
    position: relative;
    width: 100%;
    max-width: 620px;
    max-height: 90vh;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .45);
    animation: pvUp .22s ease;
}

@keyframes pvUp {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.pv-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: none;
    background-color: #f2f4f7;
    color: #5b6472;
    font-size: 16px;
    cursor: pointer;
    padding: 0;
}

.pv-close:hover {
    background-color: #ee1c25;
    color: #fff;
}

.pv-head {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 22px;
    padding-right: 40px;
}

.pv-ico {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background-color: #fdeced;
    color: #ee1c25;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex: 0 0 auto;
}

.pv-head h3 {
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 21px;
    color: #141f28;
    text-align: left;
}

.pv-head p {
    margin: 0;
    color: #5b6472;
    font-size: 14px;
    line-height: 1.5em;
}

.pv-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.pv-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pv-field.pv-full {
    grid-column: 1 / -1;
}

.pv-field label {
    font-size: 13px;
    color: #5b6472;
}

.pv-field input,
.pv-field textarea {
    border: 1px solid #d7dbe0;
    border-radius: 10px;
    padding: 11px 13px;
    font-size: 15px;
    font-family: inherit;
    color: #141f28;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
}

.pv-field input:focus,
.pv-field textarea:focus {
    outline: none;
    border-color: #ee1c25;
    box-shadow: 0 0 0 3px rgba(238, 28, 37, .12);
}

.pv-field input:valid:not(:placeholder-shown) {
    border-color: #2e9e5b;
}

.pv-gdpr {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 18px 0 6px 0;
    font-size: 13px;
    color: #5b6472;
    line-height: 1.5em;
    cursor: pointer;
}

.pv-gdpr input {
    width: 18px;
    height: 18px;
    accent-color: #ee1c25;
    margin: 2px 0 0 0;
    flex: 0 0 auto;
}

.pv-napaka {
    display: none;
    margin-top: 12px;
    padding: 11px 14px;
    border-radius: 10px;
    background-color: #fdeced;
    color: #c9161e;
    font-size: 14px;
}

.pv-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    flex-wrap: wrap;
}

.pv-send {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background-color: #ee1c25;
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 13px 24px;
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    width: auto;
}

.pv-send:hover {
    background-color: #c9161e;
}

.pv-call {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #141f28;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
}

.pv-call:hover {
    color: #ee1c25;
}

.pv-hvala {
    display: none;
    text-align: center;
    padding: 20px 0 6px 0;
}

.pv-hvala.is-on {
    display: block;
}

.pv-hvala i {
    font-size: 42px;
    color: #2e9e5b;
    margin-bottom: 14px;
}

.pv-hvala h4 {
    margin: 0 0 8px 0;
    font-size: 19px;
    color: #141f28;
}

.pv-hvala p {
    margin: 0 0 18px 0;
    color: #5b6472;
}

/* ---------- Info & kontakt ---------- */

.kt-uvod {
    margin-top: 10px;
    color: #b8bfc9;
}

.kt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.kt-card {
    background-color: #fff;
    border-radius: 16px;
    padding: 28px 26px;
}

.kt-ico {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background-color: #fdeced;
    color: #ee1c25;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 18px;
}

.kt-card h3 {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 18px;
    color: #141f28 !important;
    text-align: left;
}

.kt-card p {
    margin: 0;
    color: #5b6472;
    font-size: 15px;
    line-height: 1.7em;
}

.kt-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    color: #ee1c25;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}

.kt-link:hover {
    gap: 12px;
}

.kt-hours {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 16px;
    font-size: 15px;
}

.kt-hours span {
    color: #5b6472;
}

.kt-hours b {
    color: #141f28;
}

.kt-note {
    margin-top: 14px !important;
    font-size: 13px !important;
    color: #8f96a5 !important;
}

.kt-phones a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px solid #eef0f3;
    text-decoration: none;
    font-size: 15px;
}

.kt-phones a:last-child {
    border-bottom: none;
}

.kt-phones span {
    color: #5b6472;
}

.kt-phones b {
    color: #141f28;
    white-space: nowrap;
}

.kt-phones a:hover b {
    color: #ee1c25;
}

.kt-podatki {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 26px;
    padding: 22px 26px;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
}

.kt-podatki span {
    display: block;
    color: #8f96a5;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 5px;
}

.kt-podatki b {
    color: #fff;
    font-size: 15px;
}

.kt-forma {
    padding-top: 0;
}

.kt-forma-box {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 40px;
    align-items: center;
    background-color: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    padding: 36px;
}

.kt-forma-txt h2 {
    color: #fff;
    font-size: clamp(22px, 3vw, 30px);
    margin: 0 0 12px 0;
    padding: 0;
    text-align: left;
}

.kt-forma-txt p {
    color: #b8bfc9;
    line-height: 1.7em;
    margin: 0 0 20px 0;
}

.kt-hitro {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.kt-zemljevid iframe {
    display: block;
    width: 100%;
    border: 0;
}