:root{--blue:#1465d8;--blue-dark:#0b4598;--blue-pale:#e9f1fc;--anthracite:#26292e;--anthracite-2:#32363d;--white:#fff;--canvas:#f2f5f9;--ink:#20242a;--muted:#68717e;--line:#dce2ea;--shadow:0 24px 70px rgba(26,32,40,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;overflow-x:hidden;background:var(--canvas);color:var(--ink);font:16px/1.75 "Manrope",Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--blue);color:#fff}a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}h1,h2,h3,h4{font-family:"Manrope",Arial,sans-serif;text-wrap:balance}h1{margin:0 0 25px;color:var(--anthracite);font-size:clamp(2.45rem,5vw,5rem);font-weight:800;line-height:.98!important;letter-spacing:-.055em;text-transform:none}h2,h3{color:var(--anthracite)}h4{max-width:850px;margin:0 auto 28px;padding:0;color:var(--muted);font-size:16px;font-weight:500;line-height:1.85}h4 strong{color:inherit!important;font-weight:500}p{line-height:1.8}.container{width:min(1200px,calc(100% - 42px))}.for-full-back{opacity:1}
/* Navigation */
.navbar.navbar-inverse{min-height:76px;border:0;background:rgba(38,41,46,.96);box-shadow:0 10px 35px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.navbar>.container{display:flex;min-height:76px;align-items:center}.navbar-header{display:flex;flex:0 0 auto;align-items:center}.navbar-brand{position:relative;display:grid;width:50px;height:50px;margin:0 120px 0 0!important;padding:0;place-items:center;border-radius:50%;background:var(--blue)}.navbar-brand::after{position:absolute;left:62px;width:108px;color:#fff;font-size:11px;font-weight:800;line-height:1.25;letter-spacing:.08em;content:"AVTOSERVIS GOLOB"}.navbar-brand .fa{color:#fff!important;font-size:23px}.navbar-collapse{flex:1;padding:0}.navbar-nav{display:inline-flex;margin:0;float:none;vertical-align:middle}.navbar-nav>li{display:flex;height:76px!important;align-items:center}.navbar-inverse .navbar-nav>li>a{padding:29px 7px!important;color:rgba(255,255,255,.68);font-size:9px;font-weight:800;line-height:18px;letter-spacing:.055em}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{background:transparent;color:#fff}.navbar-inverse .navbar-nav>li>a::after{display:block;width:0;height:2px;margin:4px auto 0;background:var(--blue);content:"";transition:width .2s ease}.navbar-inverse .navbar-nav>li>a:hover::after{width:100%}
/* Hero */
#domov{position:relative;display:flex;width:100%;min-height:800px;padding:160px max(25px,calc((100% - 1200px)/2)) 90px;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(31,34,39,.97) 0%,rgba(31,34,39,.84) 46%,rgba(31,34,39,.2) 100%),url("../img/1.jpg") center/cover no-repeat;color:#fff}#domov::before{position:absolute;top:0;right:11%;width:25%;height:100%;background:rgba(20,101,216,.75);content:"";transform:skewX(-16deg);transform-origin:top;mix-blend-mode:multiply}#domov::after{position:absolute;right:max(25px,calc((100% - 1200px)/2));bottom:58px;width:210px;height:5px;background:#fff;box-shadow:0 -12px 0 var(--blue);content:""}#domov .row{position:relative;z-index:2;width:100%;margin:0;text-align:left}#domov .col-md-12{padding:0}#domov .head-main{max-width:900px;margin:0 0 32px;padding:0;color:#fff;font-size:clamp(4.8rem,12vw,10.5rem);font-weight:800;line-height:.8!important;letter-spacing:-.085em}#domov .head-main::before{display:block;margin:0 0 24px 7px;color:#fff;font-size:11px;font-weight:700;line-height:1;letter-spacing:.23em;content:"40 LET TRADICIJE · VIPAVA"}#domov .head-sub-main{display:inline-flex;margin:4px 3px 4px 0;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:rgba(38,41,46,.55);color:rgba(255,255,255,.9);font-size:11px;line-height:1;backdrop-filter:blur(7px)}#domov .btn{margin-top:34px}.head-last{padding:0}
/* Buttons */
.btn{margin:6px 4px;padding:14px 23px;border-width:1px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.07em}.btn-danger{border-color:var(--blue);background:var(--blue);box-shadow:0 12px 28px rgba(20,101,216,.24)}.btn-danger:hover,.btn-danger:focus{border-color:var(--blue-dark);background:var(--blue-dark);transform:translateY(-2px)}.btn-default{border-color:var(--line);background:#fff;color:var(--anthracite)}.btn-default:hover,.btn-default:focus{border-color:var(--anthracite);background:var(--anthracite);color:#fff;transform:translateY(-2px)}
/* Pricing */
section{position:relative;padding:105px 0;background:var(--canvas)!important}section h1::before{display:block;margin-bottom:17px;color:var(--blue);font-size:10px;font-weight:800;line-height:1;letter-spacing:.2em;content:"AVTOSERVIS GOLOB"}#akcija{width:100%;padding:115px 0;background:var(--anthracite)!important}#akcija>.container{overflow:visible;padding:0;background:transparent;box-shadow:none}#akcija h1{color:#fff}#akcija h1::before{color:#8dbbff}.plan{position:relative;overflow:hidden;min-height:335px;margin:18px 0;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:var(--anthracite-2);box-shadow:none;transition:transform .25s ease,border-color .25s ease}.plan::before{position:absolute;top:0;left:0;width:5px;height:100%;background:var(--blue);content:""}.plan:hover{border-color:var(--blue);transform:translateY(-8px)}.plan li{padding:17px 15px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.65);font-size:13px}.plan li strong{color:#fff}.plan li.plan-head{padding:25px 15px;border:0;background:transparent;color:#fff;font-size:13px;letter-spacing:.055em}.plan li.main-price{padding:26px 15px;border:0;background:var(--blue);color:#fff;font-size:30px}.plan .btn-default{border-color:rgba(255,255,255,.2);background:transparent;color:#fff}
/* Alternating service blocks */
section:nth-of-type(n+2):nth-of-type(-n+10){padding:38px 0}section:nth-of-type(n+2):nth-of-type(-n+10)>.container{width:min(1200px,calc(100% - 42px));overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row.text-center.col-md-12{display:grid;width:100%;min-height:525px;margin:0;padding:0;float:none;grid-template-columns:.92fr 1.08fr;grid-template-areas:"copy image" "buttons buttons";grid-template-rows:1fr auto;text-align:left}section:nth-of-type(even):nth-of-type(n+2):nth-of-type(-n+10)>.container>.row.text-center.col-md-12{grid-template-columns:1.08fr .92fr;grid-template-areas:"image copy" "buttons buttons"}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>.row{display:flex;width:auto;margin:0;padding:clamp(40px,6vw,78px) clamp(32px,5vw,68px) 24px;float:none;border:1px solid var(--line);border-right:0;border-radius:10px 0 0 10px;background:#fff;box-shadow:-12px 22px 50px rgba(26,32,40,.1);grid-area:copy;flex-direction:column;justify-content:center;text-align:left}section:nth-of-type(even):nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>.row{border-right:1px solid var(--line);border-left:0;border-radius:0 10px 10px 0;box-shadow:12px 22px 50px rgba(26,32,40,.1)}section:nth-of-type(n+2):nth-of-type(-n+10) h1{max-width:560px;font-size:clamp(2.25rem,4.25vw,4.35rem)}section:nth-of-type(n+2):nth-of-type(-n+10) h4{max-width:590px;margin:0;text-align:left}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>img{width:100%;height:100%;max-height:none;margin:0;border-radius:0 10px 10px 0;box-shadow:12px 22px 50px rgba(26,32,40,.1);grid-area:image;object-fit:cover}section:nth-of-type(even):nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>img{border-radius:10px 0 0 10px;box-shadow:-12px 22px 50px rgba(26,32,40,.1)}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>.col-md-12:not(.row){width:auto;padding:24px 0 0;border:0;background:transparent;float:none;grid-area:buttons;text-align:center}
/* About and news */
#about{padding-top:110px}#about>.container{padding:62px;border-radius:10px;background:var(--anthracite);box-shadow:var(--shadow)}#about h1,#about h3,#about strong,#about p,#about p1{color:#fff}#about h4{color:rgba(255,255,255,.67)}.about-div{min-height:310px;margin-bottom:20px;padding:34px 20px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.055)}.about-div .fa{color:#69a7ff}.about-div h3{padding:17px 0 6px;font-size:18px;font-weight:800}.about-div p,.about-div p1{color:rgba(255,255,255,.7)}#novo>.container{padding:62px;border:1px solid var(--line);border-radius:10px;background:var(--blue-pale);box-shadow:none}#novo img{max-height:520px;border-radius:7px;object-fit:cover}
#about .space-pad>.col-md-3:first-child .about-div,
#about .space-pad>.col-md-3:first-child .about-div p,
#about .space-pad>.col-md-3:first-child .about-div div,
#about .space-pad>.col-md-3:first-child .about-div h3{color:#fff}
#about>.container>.row.text-center:first-child>.col-md-12{
    width:100%;
    padding-right:0;
    padding-left:0;
    float:none;
}
#about>.container>.row.text-center:first-child h4{
    width:100%;
    max-width:none;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
#about>.container>.row:first-of-type{
    display:flex;
    width:100%;
    margin-right:0;
    margin-bottom:48px;
    margin-left:0;
    justify-content:center;
    text-align:center!important;
}
#about>.container>.row:first-of-type>.col-md-12{
    display:flex;
    width:100%;
    padding-right:0;
    padding-left:0;
    float:none;
    align-items:center;
    flex-direction:column;
}
#about>.container>.row:first-of-type h4,
#about>.container>.row:first-of-type h4 strong{
    display:block;
    width:100%;
    max-width:none;
    text-align:center!important;
}
/* Contact */
#contact-sec{padding:105px 0;background:linear-gradient(135deg,var(--blue),var(--blue-dark))!important}#contact-sec>.container{padding:60px;border-radius:10px;background:var(--anthracite);color:rgba(255,255,255,.7);box-shadow:0 28px 70px rgba(8,34,72,.28)}#contact-sec h2,#contact-sec h3,#contact-sec strong,#contact-sec a{color:#fff}#contact-sec h2{margin-bottom:18px;font-size:clamp(2.1rem,4vw,3.7rem);font-weight:800;line-height:1;letter-spacing:-.045em}.contact-cls{padding-right:34px;font-size:14px;line-height:2.05}.form-control,.demoInputBox{height:54px;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:rgba(255,255,255,.075);color:#fff;box-shadow:none}textarea.form-control{min-height:140px;padding-top:15px;resize:vertical}.form-control::placeholder{color:rgba(255,255,255,.45)}.form-control:focus{border-color:#69a7ff;box-shadow:0 0 0 3px rgba(20,101,216,.22)}.btnAction{padding:15px 28px!important;border:0!important;border-radius:5px!important;background:var(--blue)!important;color:#fff;font-weight:800}#captchaimg{width:auto;max-width:190px;margin:8px 0;border-radius:5px}#footer{padding:34px max(24px,calc((100% - 1200px)/2));border-top:1px solid rgba(255,255,255,.08);background:#1b1e22;color:rgba(255,255,255,.5);font-size:12px;text-align:center}
@media(max-width:1199px){.navbar-brand{margin-right:105px!important}.navbar-inverse .navbar-nav>li>a{padding-right:4px!important;padding-left:4px!important;font-size:8px}}
@media(max-width:991px){.navbar>.container{display:block}.navbar-header{width:100%;min-height:76px;justify-content:space-between}.navbar-brand{margin-right:0!important}.navbar-toggle{margin:0;border:0;border-radius:5px;background:var(--blue)!important}.navbar-collapse{max-height:calc(100vh - 90px)!important;padding:10px 0 18px;border:0;box-shadow:none}.navbar-nav{display:block;width:100%}.navbar-nav>li{display:block;width:100%;height:auto!important}.navbar-inverse .navbar-nav>li>a{padding:10px 12px!important;font-size:11px;text-align:left}.navbar-inverse .navbar-nav>li>a::after{display:none}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row.text-center.col-md-12,section:nth-of-type(even):nth-of-type(n+2):nth-of-type(-n+10)>.container>.row.text-center.col-md-12{grid-template-columns:1fr;grid-template-areas:"image" "copy" "buttons";grid-template-rows:340px auto auto}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>.row,section:nth-of-type(even):nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>.row{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 18px 45px rgba(26,32,40,.1)}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>img,section:nth-of-type(even):nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>img{border-radius:10px 10px 0 0;box-shadow:0 -8px 35px rgba(26,32,40,.08)}#about>.container,#novo>.container,#contact-sec>.container{padding:42px 30px}.about-div{min-height:0}}
@media(max-width:600px){body{font-size:15px}.container{width:calc(100% - 24px)}.navbar-brand::after{font-size:10px}#domov{min-height:710px;padding:145px 18px 70px;background-position:63% center}#domov::before{right:-5%;width:34%}#domov::after{right:18px;bottom:42px;width:120px}#domov .head-main{font-size:clamp(4rem,20vw,6rem)}#domov .head-main::before{margin-left:3px;font-size:9px}#domov .head-sub-main{font-size:10px}section{padding:62px 0}#akcija{padding:70px 0}#akcija>.container{width:calc(100% - 24px)}section:nth-of-type(n+2):nth-of-type(-n+10){padding:12px 0}section:nth-of-type(n+2):nth-of-type(-n+10)>.container{width:calc(100% - 24px)}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row.text-center.col-md-12,section:nth-of-type(even):nth-of-type(n+2):nth-of-type(-n+10)>.container>.row.text-center.col-md-12{grid-template-rows:240px auto auto}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>.row{padding:32px 22px 14px}section:nth-of-type(n+2):nth-of-type(-n+10)>.container>.row>.col-md-12:not(.row){padding:18px 0 10px}section:nth-of-type(n+2):nth-of-type(-n+10) h1{font-size:2.15rem}h1{font-size:2.2rem}h4{font-size:16px}.btn{display:inline-block;margin:5px 2px;padding:12px 14px}#about,#contact-sec{padding:62px 0}#about>.container,#novo>.container,#contact-sec>.container{width:calc(100% - 24px);padding:30px 18px}.contact-cls{padding-right:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Večja in bolj berljiva pisava glavne navigacije */
.navbar-inverse .navbar-nav>li>a{padding-top:28px!important;padding-bottom:28px!important;color:rgba(255,255,255,.8);font-size:12px;line-height:20px;letter-spacing:.025em}
@media(max-width:1199px) and (min-width:992px){.navbar-inverse .navbar-nav>li>a{padding-right:4px!important;padding-left:4px!important;font-size:12px}}
@media(max-width:991px){.navbar-inverse .navbar-nav>li>a{padding:11px 12px!important;font-size:13px}}

/* Mobilni meni se odpre pod orodno vrstico, ki ostane vedno vidna */
@media(max-width:991px){
    .navbar.navbar-inverse{
        z-index:9999;
        height:76px;
        overflow:visible;
    }
    .navbar.navbar-inverse>.container{
        position:relative;
        width:100%;
        height:76px;
        min-height:76px;
        padding-right:18px;
        padding-left:18px;
    }
    .navbar-header{
        position:relative;
        z-index:2;
        height:76px;
        min-height:76px;
        background:var(--anthracite);
    }
    .navbar-collapse{
        position:absolute;
        z-index:1;
        top:76px;
        right:0;
        left:0;
        max-height:calc(100vh - 76px)!important;
        margin:0!important;
        padding:12px 18px 18px;
        overflow-y:auto!important;
        border:0;
        background:rgba(38,41,46,.985);
        box-shadow:0 18px 32px rgba(0,0,0,.28);
        -webkit-overflow-scrolling:touch;
    }
    .navbar-collapse.in{display:block!important}
    .navbar-toggle{position:relative;z-index:3}
}

/* Modri znak v orodni vrstici, povečan za faktor 1,2 */
.navbar-brand{width:60px;height:60px}
.navbar-brand::after{left:72px}
.navbar-brand .fa{font-size:28px}

/* Pojavno pomembno obvestilo */
body.notice-open{overflow:hidden}
.notice-overlay{
    position:fixed;
    z-index:9999;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:rgba(16,20,18,.72);
    opacity:0;
    transition:opacity .22s ease;
    backdrop-filter:blur(7px);
}
.notice-overlay[hidden]{display:none}
.notice-overlay.is-visible{opacity:1}
.notice-dialog{
    position:relative;
    width:min(560px,100%);
    padding:42px;
    border-top:6px solid var(--blue);
    border-radius:22px;
    background:#fff!important;
    color:var(--ink);
    text-align:left;
    box-shadow:0 28px 80px rgba(0,0,0,.32);
    transform:translateY(14px) scale(.98);
    transition:transform .22s ease;
}
.notice-overlay.is-visible .notice-dialog{transform:translateY(0) scale(1)}
.notice-label{
    margin-bottom:10px;
    color:var(--blue);
    font-size:12px;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.notice-dialog h2{
    margin:0 40px 14px 0;
    color:var(--ink);
    font-size:clamp(25px,4vw,36px);
    font-weight:800;
    line-height:1.15;
    text-transform:none;
}
.notice-image{
    display:block;
    width:100%;
    max-height:300px;
    margin:2px 0 24px;
    border-radius:12px;
    object-fit:cover;
}
.notice-image[hidden]{display:none}
.notice-dialog p{
    margin:0 0 25px;
    padding:0;
    color:var(--ink);
    font-size:18px;
    font-weight:700;
    line-height:1.7;
    white-space:pre-line;
}
.notice-close{
    position:absolute;
    top:18px;
    right:18px;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--canvas);
    color:var(--ink);
    font-size:30px;
    line-height:40px;
}
.notice-close:hover{background:var(--line)}
.notice-confirm,.notice-link{
    display:inline-flex;
    min-height:46px;
    margin:0 8px 0 0;
    padding:11px 22px;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    font-size:14px;
    font-weight:800;
}
.notice-confirm{background:var(--blue);color:#fff}
.notice-confirm:hover{background:var(--blue-dark)}
.notice-link{border:1px solid var(--line);background:#fff;color:var(--ink)}
.notice-link[hidden]{display:none}
.notice-close:focus,.notice-confirm:focus,.notice-link:focus{
    outline:3px solid rgba(20,101,216,.28);
    outline-offset:3px;
}
@media(max-width:600px){
    .notice-dialog{padding:34px 24px 26px}
    .notice-dialog p{font-size:16px}
    .notice-confirm,.notice-link{width:100%;margin:7px 0 0}
}