/*================================================================
	CSS dokument - izdelava spletnih strani www.intuitiva.si
================================================================*/

/* saira-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/saira-v22-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-italic - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/saira-v22-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/saira-v22-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/saira-v22-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-600 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/saira-v22-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-600italic - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/saira-v22-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-semi-condensed-300 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira Semi Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/saira-semi-condensed-v14-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-semi-condensed-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira Semi Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/saira-semi-condensed-v14-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-semi-condensed-500 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira Semi Condensed';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/saira-semi-condensed-v14-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-semi-condensed-600 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Saira Semi Condensed';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/saira-semi-condensed-v14-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:focus {
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    /* Prevent font scaling in landscape while allowing user zoom */
    height: 100%;
}

/* Reset CSS
----------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* GENERAL
----------------------------------------------------------------*/

.heroBackground {
    /*background-image: url("/img/hero/sea.jpg");*/
    /*background-image: url("/img/hero/autumn-trees.jpg");*/
    /*background-image: url("/img/hero/snow.jpg");*/
    background-image: url("/img/hero/spring.jpg");
    background-size: cover;
    background-position: center;
}

.adomHeroBackground {
    /*background-image: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%), url("/img/hero/sea.jpg");*/
    /*background-image: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%), url("/img/hero/snow.jpg");*/
    background-image: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%), url("/img/hero/spring.jpg");
    background-size: cover;
    background-position: center;
}

html {
    -webkit-text-size-adjust: 100%;
    /* Prevent font scaling in landscape while allowing user zoom */
    height: 100%;
    font-size: 10px;
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: 'Saira', sans-serif;
    color: #000;
    font-weight: 400;
    min-width: 320px;
    background-color: rgba(255, 255, 255, 1.00);
    font-size: 1.6rem;
}

a {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
}

@media (hover: hover) {
    a:hover {
        color: #000;
        text-decoration: underline;
    }
}
p,
ul,
h1,
h2,
h3,
h4,
table,
blockquote {
    margin: 20px 0;
}

h1,
h2,
h3,
h4 {
    padding: 0;
    color: rgba(0, 0, 0, 1.00);
    font-weight: 600;
}

h1 {
    font-size: 5.4rem;
    line-height: 1.2em;
}

h2 {
    font-size: 4rem;
    line-height: 1.2em;
}

h3 {
    font-size: 3.2rem;
    line-height: 1.2em;
}

h4 {
    font-size: 2.4rem;
    line-height: 1.2em;
}

strong {
    font-weight: 600;
}

input[type=text],
input[type=submit],
button,
textarea,
select {
    font-size: 18px;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-family: 'Saira', sans-serif;
}

/* hero legacy */
#hero {
    display: block;
    width: 100%;
    max-width: 1420px;
    padding: 0;
    margin: 0 auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    position: relative;
}

#hero picture, #hero picture img {
    display: block;
    width: 100%;
}
/* hero legacy */

.adomHero {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

.adomHeroBackground {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
}

.adomPortraitImg {
    display: block;
    margin: 0 auto;
    width: 80%;
    max-width: 540px;
    height: auto;
    z-index: 10;
}

.contentHeroContainer {
    display: block;
    width: 100%;
    background-color: rgba(242,242,242,1);
}

.contentHeroContainerInner {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 1460px;
    padding: 80px 20px;
    margin: 0 auto;
    gap: 20px;
}
.contentHeroTitle {
    margin: -10px 0 0 0;
}

.contentHeroSubtitle {
    font-size: 2rem;
    line-height: 1.2em;
    margin: 0;
}

.adomHeroFeatures {
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0;
}

.adomHeroFeaturesInner {
    display: flex;
    flex-flow: row;
}

.adomPrice {
    display: flex;
    gap: 20px;
    flex-flow: row;
}

.adomPersons, .adomBeds {
    position: relative;
}

.adomPersons::before, .adomBeds::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-size: cover;
}

@media only screen and (min-width: 1024px) {

    .adomHeroFeatures {
        height: 100%;
    }

    .adomHeroFeaturesInner {
        justify-content: space-between;
    }

    ul.adomHeroList {
        display: block;
        list-style: none;
        margin: 0;
        padding-left: 20px;
    }

    ul.adomHeroList li {
        display: block;
        padding: 3px 0;
        opacity: 0;
        animation: adomHeroItemIn 0.4s ease forwards;
    }
    ul.adomHeroList li:nth-child(1) { animation-delay: 0.1s; }
    ul.adomHeroList li:nth-child(2) { animation-delay: 0.2s; }
    ul.adomHeroList li:nth-child(3) { animation-delay: 0.3s; }
    ul.adomHeroList li:nth-child(4) { animation-delay: 0.4s; }
    ul.adomHeroList li:nth-child(5) { animation-delay: 0.5s; }
    ul.adomHeroList li:nth-child(6) { animation-delay: 0.6s; }
    ul.adomHeroList li:nth-child(7) { animation-delay: 0.7s; }
    ul.adomHeroList li:nth-child(8) { animation-delay: 0.8s; }
    ul.adomHeroList li:nth-child(9) { animation-delay: 0.9s; }
    ul.adomHeroList li:nth-child(10) { animation-delay: 1.0s; }
    @keyframes adomHeroItemIn {
        from { opacity: 0; transform: translateX(-16px); }
        to   { opacity: 1; transform: translateX(0); }
    }

    ul.adomHeroList li span {
        display: inline-block;
        position: relative;
        padding: 3px 8px;
        font-size: 2.2rem;
        line-height: 1em;
        color: #fff;
        font-weight: 600;
    }

    ul.adomHeroList li span::before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(216, 0, 0, 0.75);
        z-index: -1;
        border-radius: 6px;
    }

    ul.adomHeroList li.winter span::before {
        background-color: rgba(40, 148, 232, 0.75);
    }

    .adomPriceContainer {
        display: flex;
        flex-flow: column;
        gap: 20px;
        font-size: 2.2rem;
        line-height: 30px;
        padding-right: 4%;
        align-items: flex-end;
    }

    .adomPersons, .adomBeds {
        padding-left: 36px;
    }

    .adomPersons::before, .adomBeds::before {
        height: 28px;
        width: 28px;
    }

}

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

    .contentHeroTitle {
        margin: 0;
    }

    .contentHeroContainerInner {
        padding: 40px 20px;
    }

    .contentHeroSubtitle {
        font-size: 1.6rem;
        line-height: 1.2em;
    }

    .adomHeroList {
        display: none;
    }

    .adomHeroFeaturesInner {
        width: 100%;
        padding: 20px 20px 0 20px;
    }

    .adomPriceContainer {
        display: flex;
        width: 100%;
        flex-flow: row;
        justify-content: space-between;
        font-size: 1.6rem;
        line-height: 22px;
        opacity: .85;
    }

    .adomPersons, .adomBeds {
        padding-left: 28px;
    }

    .adomPersons::before, .adomBeds::before {
        height: 20px;
        width: 20px;
    }

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

#header,
#headerContainer {
    display: flex;
    width: 100%;
    padding: 0;
    flex-flow: column;
    z-index: 999;
}

#header {
    border-bottom: 1px solid #E4E4E4;
    border-top: 4px solid #D80000;
    justify-content: center;
    background-color: rgba(255,255,255,1.00);
    transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#headerNotification {
	display: flex;
	flex-flow: column;
	justify-content: center;
	background-color: rgba(216,0,0,1.00);
	min-height: 38px;
}
#headerNotification #headerNotificationText {
	display: block;
	width: 100%;
	font-size: 1.6rem;
    font-family: 'Saira Semi Condensed', sans-serif;
	line-height: 1.3rem;
	padding: 10px 20px 6px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	letter-spacing: 0.05rem;
}

#headerInner {
    display: flex;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    flex-flow: column;
}

#headerContent {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
}

#headerLeft,
#headerRight {
    display: flex;
    flex-flow: row;
    align-items: center;
}

#logo {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
}

@media only screen and (min-width: 1024px) {

    #headerContainer,  #header {
        height: 80px;
    }

    #header.nav-up {
        top: -80px;
        position: fixed;
        z-index: 1000;
    }

    #header.nav-down {
        top: 0;
        position: fixed;
        z-index: 1000;
    }

    #header.nav-down {
        top: 0;
    }

    #headerInner {
        padding: 0 20px;
    }

    #logo img {
        display: block;
        height: 50px;
        width: auto;
    }

    .headerContactBtn {
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-transform: uppercase;
        font-weight: 600;
        color: #FFF;
        background-color: #D80000;
        border-radius: 6px;
        font-size: 1.4rem;
        line-height: 1em;
        height: 36px;
        padding: 0 25px;
        transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .headerContactBtn:hover {
        cursor: pointer;
        color: #FFF;
        text-decoration: none;
    }

    @media (hover: hover) {
        .headerContactBtn:hover {
            transform: scale(1.07);
        }
    }

}

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

    #headerContainer,  #header {
        height: 54px;
    }

    #header.nav-up {
        top: -54px;
        position: fixed;
        z-index: 1000;
    }

    #header.nav-down {
        top: 0;
        position: fixed;
        z-index: 1000;
    }

    #header.nav-down {
        top: 0;
    }

    #headerInner {
        padding-right: 10px;
    }

    #menuPrimary {
        display: none!important;
    }

    #mobileMenuBtn {
        margin-right: 10px;
    }

    #logo img {
        display: block;
        height: 40px;
        width: auto;
    }

    #headerRight {
        display: flex;
        flex-flow: column;
        justify-content: center;
        height: 100%;
    }

    .headerContactBtn {
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-transform: uppercase;
        font-weight: 600;
        color: #FFF;
        background-color: #D80000;
        border-radius: 6px;
        font-size: 1.4rem;
        line-height: 1em;
        height: 32px;
        padding: 0 20px;
        transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

}

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

    #headerNotification #headerNotificationText{
        font-size: 1.4rem;
        line-height: 1.2em;
    }

    #mobileMenuBtn {
        margin-right: 0;
    }

    #logo img {
        height: 35px;
    }

    .headerContactBtn {
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-transform: uppercase;
        font-weight: 600;
        color: #FFF;
        background-color: #D80000;
        /*border: 1px solid #E4E4E4;*/
        border-radius: 6px;
        font-size: 1.2rem;
        line-height: 1em;
        height: 22px;
        padding: 0 6px;
        transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
	
}

/* MENU
----------------------------------------------------------------*/

#menuPrimary {
    display: flex;
    flex-flow: row;
}

#menuPrimary a {
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    position: relative;
    transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-left: 30px;
}

#menuPrimary a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #CCC;
    transition: width .3s;
}

#menuPrimary a.selected {
    font-weight: 600;
}

#menuPrimary a.selected::after {
    width: 100%;
    background: #D80000;
}

@media (hover: hover) {

    #menuPrimary a:hover {
        cursor: pointer;
        text-decoration: none;
    }

    #menuPrimary a:hover::after {
        width: 100%;
    }

}
@media (hover: none) {

    #menuPrimary a:active {
        cursor: pointer;
        text-decoration: none;
        color: #D80000;
    }

}

/* CONTENT
----------------------------------------------------------------*/

p a.file,
ul a.file {
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAyYy0xLjA5NDI1NDcgMC0yIC45MDU3NDUzLTIgMnYxNmMwIDEuMDk0MjU1LjkwNTc0NTMgMiAyIDJoMTJjMS4wOTQyNTUgMCAyLS45MDU3NDUgMi0ydi0xMmwtNi02em0wIDJoN3Y1aDV2MTFoLTEyeiIvPjwvc3ZnPg==") no-repeat left center;
    padding-left: 26px;
}

p a.file[href*=".txt"] {
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAyYy0xLjA5NDI1NDcgMC0yIC45MDU3NDUzLTIgMnY1Yy0xLjEwNSAwLTIgLjg5NS0yIDJ2NWMwIDEuMTA1Ljg5NSAyIDIgMnYyYzAgMS4wOTQyNTUuOTA1NzQ1MyAyIDIgMmgxMmMxLjA5NDI1NSAwIDItLjkwNTc0NSAyLTJ2LTEzbC01LTV6bTAgMmg4djRoNHYxaC0xMnptLTIgN2gzdjFoLTF2NGgtMXYtNGgtMXptNC4wMjUzOTA2IDBoMS4yNDgwNDY5bC43MjQ2MDk0IDEuNzE2Nzk3LjcyNjU2MjEtMS43MTY3OTdoMS4yNDYwOTRsLTEuMjY3NTc4IDIuNDc4NTE2IDEuMjk2ODc1IDIuNTIxNDg0aC0xLjI2MTcxOWwtLjc0MDIzNDEtMS43NDgwNDctLjczNjMyODEgMS43NDgwNDdoLTEuMjYxNzE4OGwxLjI5NDkyMTktMi41MjE0ODR6bTQuOTc0NjA5NCAwaDN2MWgtMXY0aC0xdi00aC0xem0tNyA3aDEydjJoLTEyeiIvPjwvc3ZnPg==") no-repeat left center;
}

p a.file[href*=".xls"],
p a.file[href*=".xlsx"] {
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAyYy0xLjA5NDI1NDcgMC0yIC45MDU3NDUzLTIgMnY1Yy0xLjEwNSAwLTIgLjg5NS0yIDJ2NWMwIDEuMTA1Ljg5NSAyIDIgMnYyYzAgMS4wOTQyNTUuOTA1NzQ1MyAyIDIgMmgxMmMxLjA5NDI1NSAwIDItLjkwNTc0NSAyLTJ2LTEzbC01LTV6bTAgMmg4djRoNHYxaC0xMnptLTEuOTc0NjA5NCA3aDEuMjQ4MDQ2OWwuNzI0NjA5NCAxLjcxNjc5Ny43MjY1NjI1LTEuNzE2Nzk3aDEuMjQ2MDkzN2wtMS4yNjc1NzgxIDIuNDc4NTE2IDEuMjk2ODc1IDIuNTIxNDg0aC0xLjI2MTcxODhsLS43NDAyMzQzLTEuNzQ4MDQ3LS43MzYzMjgxIDEuNzQ4MDQ3aC0xLjI2MTcxODhsMS4yOTQ5MjE5LTIuNTIxNDg0em00Ljk3NDYwOTQgMGgxdjRoMnYxaC0zem01LjQ5MDIzNCAwYzEuNDIzLjA0MSAxLjUwOTc2NiAxLjI4MjkwNiAxLjUwOTc2NiAxLjUwMzkwNmgtLjk2ODc1YzAtLjEwMy4wMTc0MDYtLjY5NzI2NS0uNTU4NTk0LS42OTcyNjUtLjE3NSAwLS41NjcxMDkuMDc3NTQ2LS41MzcxMDkuNTYwNTQ3LjAyOS40NDMuNjExNzUuNjUyMjE4LjcxODc1LjY5OTIxOC4yMjQuMDgyIDEuMzMyNzk3LjU3NTk4NSAxLjM0MTc5NyAxLjU4Mzk4NS4wMDIuMjE0LS4wNTMzMjggMS4zMzQ2MDktMS40ODYzMjggMS4zNDk2MDktMS41NTkuMDE3LTEuNjY0MDYzLTEuMzI0NTYzLTEuNjY0MDYzLTEuNjAxNTYyaC45NzQ2MDljMCAuMTQ3LjAxMjQ1NC44NTc3MzQuNjg5NDU0LjgwMjczNC40MDctLjAzNC40OTU3NjUtLjMyNjkyMi41MDk3NjUtLjU0NDkyMi4wMjMtLjM2Ny0uMzI3MjY1LS41ODc2MjUtLjY5NzI2NS0uNzY1NjI1LS41Mi0uMjUtMS4zNDI0MjItLjU1NzI1LTEuMzU3NDIyLTEuNTMxMjUtLjAxMy0uODc3LjYzMTM5LTEuMzg0Mzc1IDEuNTI1MzktMS4zNTkzNzV6bS04LjQ5MDIzNCA3aDEydjJoLTEyeiIvPjwvc3ZnPg==") no-repeat left center;
}

p a.file[href*=".doc"],
p a.file[href*=".docx"] {
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAyYy0xLjA5NDI1NDcgMC0yIC45MDU3NDUzLTIgMnY1Yy0xLjEwNSAwLTIgLjg5NS0yIDJ2NWMwIDEuMTA1Ljg5NSAyIDIgMnYyYzAgMS4wOTQyNTUuOTA1NzQ1MyAyIDIgMmgxMmMxLjA5NDI1NSAwIDItLjkwNTc0NSAyLTJ2LTQtNS00bC01LTV6bTAgMmg4djRoNHYxaC0xMnptMTAgN2MxLjEwNSAwIDIgLjg5NSAyIDJoLTFjMC0uNTUxLS40NDktMS0xLTFzLTEgLjQ0OS0xIDF2MWMwIC41NTEuNDQ5IDEgMSAxczEtLjQ0OSAxLTFoMWMwIDEuMTA1LS44OTUgMi0yIDJzLTItLjg5NS0yLTJ2LTFjMC0xLjEwNS44OTUtMiAyLTJ6bS0xMiAuMDIzNDM4aDEuNjI4OTA2MmMxLjU4MzAwMDEgMCAyLjM3MTA5MzguOTUxNDY4IDIuMzcxMDkzOCAyLjEwNTQ2OHYuNzcxNDg1YzAgMS4xNjgtLjc5MDc2NTYgMi4wOTk2MDktMi4zODQ3NjU2IDIuMDk5NjA5aC0xLjYxNTIzNDR6bTcgLjA0MTAxNWMxLjg2NC0uMDMgMiAxLjc3Nzk1MyAyIDIuMTI2OTUzdi44MDg1OTRjMCAuMzQyLS4wODYxODggMi4xMDE1NDctMS45OTIxODggMi4wNjA1NDctMi4wNDA5OTk1LS4wNDItMi4wMDc4MTItMS43MTg1NDctMi4wMDc4MTItMi4wNjA1NDd2LS44MDg1OTRjMC0uMzUxLjE2Ny0yLjA5Nzk1MyAyLTIuMTI2OTUzem0uMDAxOTUzLjgyMjI2NmMtLjk0NS4wMTktMS4wMDE5NTMgMS4wNjY4MjgtMS4wMDE5NTMgMS4yOTg4Mjh2LjgxNDQ1M2MwIC4yMjIuMTU0NzE5IDEuMjU5MTg3IDEuMDExNzE5IDEuMjQyMTg4LjgyMi0uMDE1MDAxLjk4ODI4MS0xLjAyMTE4OC45ODgyODEtMS4yNDIxODh2LS44MTQ0NTNjMC0uMjMyLS4xMTIwNDctMS4zMTY4MjgtLjk5ODA0Ny0xLjI5ODgyOHptLTYuMDAxOTUzLjEzNjcxOXYyLjk3NjU2MmguNjE1MjM0NGMuNjMyIDAgMS4zODQ3NjU2LS4xOTE2MDkgMS4zODQ3NjU2LTEuMDk5NjA5di0uNzcxNDg1YzAtLjkxNC0uNzQ1MDkzOC0xLjEwNTQ2OC0xLjM3MTA5MzgtMS4xMDU0Njh6bTEgNS45NzY1NjJoMTJ2MmgtMTJ6Ii8+PC9zdmc+") no-repeat left center;
}

p a.file[href*=".pdf"],
ul a.file[href*=".pdf"] {
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAyYTIgMiAwIDAgMCAtMiAydjVhMiAyIDAgMCAwIC0yIDJ2NWEyIDIgMCAwIDAgMiAydjJhMiAyIDAgMCAwIDIgMmgxMmEyIDIgMCAwIDAgMi0ydi0xMi41OWExIDEgMCAwIDAgLS4yOS0uN2wtNC40Mi00LjQyYTEgMSAwIDAgMCAtLjctLjI5em0wIDJoOHYzYTEgMSAwIDAgMCAxIDFoM3YxaC0xMnptLTIgN2gxLjVhMS41IDEuNSAwIDAgMSAwIDNoLS41djJoLTF6bTkgMGgzdjFoLTJ2MWgxLjZ2MWgtMS42djJoLTF6bS01IDBoMS42M2EyLjEgMi4xIDAgMCAxIDIuMzcgMi4xM3YuNzdhMi4wOSAyLjA5IDAgMCAxIC0yLjM4IDIuMWgtMS42MnptLTMgMXYxaC41YS41LjUgMCAwIDAgMC0xem00IDB2M2guNjJjLjYzIDAgMS4zOC0uMTkgMS4zOC0xLjF2LS43N2MwLS45Mi0uNzUtMS4xMS0xLjM3LTEuMTF6bS0zIDZoMTJ2MmgtMTJ6Ii8+PC9zdmc+") no-repeat left center;
}

a.external {
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAgM2gtNWExIDEgMCAwIDAgMCAyaDIuNjJsLTkuMyA5LjI5YTEgMSAwIDEgMCAxLjM5IDEuNDVsOS4yOS05LjMzdjIuNTlhMSAxIDAgMCAwIDIgMHYtNC44N2ExIDEgMCAwIDAgLS44NS0xLjEzem0tMTUgMGEyIDIgMCAwIDAgLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJ2LTZhMSAxIDAgMCAwIC0yIDB2NmgtMTR2LTE0aDZhMSAxIDAgMCAwIDAtMnoiLz48L3N2Zz4=") no-repeat right center;
    padding-right: 20px;
    background-size: 18px;
}

p img.contentImg, picture img.contentImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
}

p img.contentImg100 {
    width: 100%;
}

p img.contentImg50 {
    width: 50%;
}

p img.contentImg33 {
    width: 33.33%;
}

main {
    display: flex;
    width: 100%;
    flex-flow: column;
}

section {
    display: flex;
    width: 100%;
}

section.grey {
    background-color: rgba(242, 242, 242, 1.00);
    padding: 60px 0;
}

section.greyFade {
    background: linear-gradient(180deg,rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 0) 100%);
    border-top: 1px solid rgba(0,0,0,0.1);
}

section.title h1 {
    text-align: center;
    margin: 60px auto 0;
}

.contentContainer {
    margin-top: 60px;
    flex-flow: column;
}
.contentContainer.noMargin {
    margin-top: 0px!important;
}

@media only screen and (max-width: 768px) {
	.contentContainer {
		margin-top: 40px;
		flex-flow: column;
	}
}

#home h2, .availability h2 {
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 1em;
    font-family: 'Saira Semi Condensed', sans-serif;
}


#home h2.homeClasificationTitle,
.adom h2.homeClasificationTitle,
.availability h2.homeClasificationTitle {
	background-color: rgba(0,0,0,0.10);
	padding: 10px 0 10px 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#home h2.homeClasificationTitle span,
.adom h2.homeClasificationTitle span,
.availability h2.homeClasificationTitle span {
    font-size: 0.75em;
    opacity: .5;
    white-space: nowrap;
}

.adom main .contentContainer:nth-of-type(2) {
    margin-top: 20px;
}

.contentInner {
    display: block;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
}

.contentInner.noPadding {
    padding: 0;
}

.contentInner + .contentInner {
    margin-top: 40px;
}

#home .contentInner + .contentInner,
.adom .contentVehicleGrid + .contentVehicleGrid,
.availability .contentInner + .contentInner {
    margin-top: 0px;
}

.contentInner.articleItemContent h1,
.contentInner.articleItemContent h2,
.contentInner.articleItemContent h3,
.contentInner.articleItemContent h4 {
    margin: 40px 0 20px 0;
}

.contentInner p:first-child,
.contentInner ul:first-child,
.contentInner h1:first-child,
.contentInner h2:first-child,
.contentInner h3:first-child,
.contentInner h4:first-child,
.contentInner table:first-child,
.contentInner blockquote:first-child {
    margin-top: 0;
}

.contentInner p:last-child,
.contentInner ul:last-child,
.contentInner h1:last-child,
.contentInner h2:last-child,
.contentInner h3:last-child,
.contentInner h4:last-child,
.contentInner table:last-child,
.contentInner blockquote:last-child {
    margin-bottom: 0;
}

.disclaimer {
    font-size: 1.4rem;
    line-height: 1.3em;
}
.disclaimerBold {
    color: rgba(216, 0, 0, 1.00);
}

.virtualView {
    display: flex;
    background-color: #039BE5;
}

.contentInnerHeroImg {
    display: block;
    width: 100%;
    height: auto;
}

.contentContainer h4:last-of-type {
    margin: 0;
}

.contentContainer .heroTitle h1 {
    margin: 0 0 40px 0;
}

.contentInner p a,
.contentInner ul a {
    text-decoration: none;
    color: rgba(216,0,0,1.00);
}

.contentInner p a:hover,
.contentInner ul a:hover {
    text-decoration: underline;
}

.contentInner .center {
    text-align: center;
}

.center {
    text-align: center;
}

ul,
ol {
    list-style: disc;
    padding-left: 16px;
    margin: 20px 0;
}

ol {
    list-style: decimal;
}

ul li,
ol li {
    padding: 4px 0;
}

.homeTitleLogo {
    display: block;
    width: 50vw;
    height: auto;
    max-width: 600px;
    min-width: 460px;
    margin: 0 auto;
}

.checkmark {
    min-height: 24px;
    padding-left: 35px;
    position: relative;
    line-height: 24px;
    font-size: 2rem;
}

.checkmark::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+PHBhdGggZmlsbD0iIzMyQkVBNiIgZD0iTTUwNC4xLDI1NkM1MDQuMSwxMTksMzkzLDcuOSwyNTYsNy45QzExOSw3LjksNy45LDExOSw3LjksMjU2QzcuOSwzOTMsMTE5LDUwNC4xLDI1Niw1MDQuMUMzOTMsNTA0LjEsNTA0LjEsMzkzLDUwNC4xLDI1NnoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMzkyLjYsMTcyLjljLTUuOC0xNS4xLTE3LjctMTIuNy0zMC42LTEwLjFjLTcuNywxLjYtNDIsMTEuNi05Ni4xLDY4LjhjLTIyLjUsMjMuNy0zNy4zLDQyLjYtNDcuMSw1N2MtNi03LjMtMTIuOC0xNS4yLTIwLTIyLjNDMTc2LjcsMjQ0LjIsMTUyLDIyOSwxNTEsMjI4LjRjLTEwLjMtNi4zLTIzLjgtMy4xLTMwLjIsNy4zYy02LjMsMTAuMy0zLjEsMjMuOCw3LjIsMzAuMmMwLjIsMC4xLDIxLjQsMTMuMiwzOS42LDMxLjVjMTguNiwxOC42LDM1LjUsNDMuOCwzNS43LDQ0LjFjNC4xLDYuMiwxMSw5LjgsMTguMyw5LjhjMS4yLDAsMi41LTAuMSwzLjgtMC4zYzguNi0xLjUsMTUuNC03LjksMTcuNS0xNi4zYzAuMS0wLjIsOC44LTI0LjMsNTQuNy03Mi43YzM3LTM5LjEsNjEuNy01MS41LDcwLjMtNTQuOWMwLjEsMCwwLjEsMCwwLjMsMGMwLDAsMC4zLTAuMSwwLjgtMC40YzEuNS0wLjYsMi4zLTAuOCwyLjMtMC44Yy0wLjQsMC4xLTAuNiwwLjEtMC42LDAuMWwwLTAuMWM0LTEuNywxMS40LTQuOSwxMS41LTVDMzkzLjMsMTk2LjEsMzk3LDE4NC4xLDM5Mi42LDE3Mi45eiIvPjwvc3ZnPg==");
    background-size: contain;
}

.priceItem {
    display: block;
    background-color: rgba(0, 0, 0, 0.10);
    padding: 15px 0;
    margin-bottom: 20px;
    border-radius: 6px;
}

.priceItem h3 {
    margin-bottom: 5px;
}

.priceItem span {
    font-size: 1.4rem;
}

.priceItem span strong {
    color: rgba(216, 0, 0, 1.00);
}

.important {
    display: block;
    background-color: rgba(0, 0, 0, 0.10);
    padding: 8px 10%;
    text-align: center;
    font-size: 3.2rem;
    line-height: 1.2em;
    margin-bottom: 20px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 6px;
}

.important.virtual {
    background-color: rgba(216,0,0,1.00);
    color: rgba(255,255,255,1.00);
    margin-bottom: 0;
}

a.important:hover {
    text-decoration: none;
    background-color: rgba(130,0,0,1.00);
    color: rgba(255,255,255,1.00);
}

.important span {
    white-space: nowrap;
}

.contentInner a.textLink {
    font-weight: 600;
    border-bottom: 1px dotted rgba(216, 0, 0, 1.00);
    line-height: 2em;
    text-decoration: none;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contentInner a.textLink:hover {
	color: rgba(0,0,0,1.00);
    border-bottom: 1px solid rgba(216, 0, 0, 1.00);
    text-decoration: none;
}

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

    section.contentContainer.title {
        margin-top: 40px;
    }

    h1 {
        font-size: 3.6rem;
        line-height: 1.1em;
    }

    h2 {
        font-size: 3rem;
        line-height: 1.1em;
    }

    h3, #home h3 {
        font-size: 2.6rem;
        line-height: 1.1em;
    }

    h4 {
        font-size: 2.2rem;
        line-height: 1.1em;
    }

}

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

    .contentContainer h4:last-of-type {
        margin: 0;
    }

    .important {
        padding: 8px 10%;
        font-size: 2.4rem;
    }
	
	.priceItem h3 {
        font-size: 2.2rem;
	}

    .homeTitleLogo {
        width: 100%;
        min-width: auto;
        max-width: 460px;
    }
	
	#home h2.homeClasificationTitle,
    .availability h2.homeClasificationTitle {
		padding: 10px;
	}
	
}

@media only screen and (max-width : 567px) {
    .important {
        font-size: 2.2rem;
    }

	#home .vehicleBoxContainer h2 {
		font-size: 2rem;
        line-height: 1.2em;
	}
	
	#home h2.homeClasificationTitle,
    .availability h2.homeClasificationTitle {
		font-size: 2.4rem;
        line-height: 1.2em;
        text-align: center;
	}
	
}

/* HOMEPAGE HERO
----------------------------------------------------------------*/

.heroContainer {
    display: block;
    width: 100%;
    position: relative;
}

.heroContainerInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
}

.heroBackground {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background-size: cover;
    background-position: center;
}

.heroBox {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 440px;
    padding: 60px;
    margin-top: 100px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    gap: 20px;
}

.heroBoxTestimonial, .heroBoxTestimonial img {
    display: block;
    width: 100%;
    height: auto;
}

.heroBoxTestimonial img {
    max-width: 90%;
    margin: 0 auto;
}

.googleBadge {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    background-color: rgba(0,0,0,0.05);
    border-radius: 10px;
    padding: 8px 14px;
    width: 100%;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.25s ease;
}

.googleBadge:hover {
    transform: scale(1.05);
    text-decoration: none;
}

.googleBadgeLogo {
    flex-shrink: 0;
    width: 20px;
    height: auto;
}

.googleBadgeInfo {
    display: flex;
    align-items: center;
    gap: 6px;
}

.googleBadgeScore {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
    line-height: 1;
}

.googleBadgeStars {
    color: #FBBC05;
    font-size: 1.4rem;
    letter-spacing: -1px;
}

.googleBadgeReviews {
    font-size: 1.4rem;
    color: #333;
}

.heroSlider {
    display: flex;
    width: calc(100% - 440px);
    flex-grow: 1;
    position: relative;
}

.heroSlider li, .heroSlider li a {
    position: relative;
}

.heroSlider li a {
    display: flex;
    justify-content: center;
}

.heroSlider li .sliderText {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    position: absolute;
    width: 140px;
    height: 140px;
    font-size: 1.8rem;
    line-height: 1.2em;
    top: 20%;
    right: 10%;
    text-align: center;
    font-weight: 600;
    color: rgba(0,0,0,1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 50%;
    background: linear-gradient(225deg,rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 85%);
}
.heroSlider li .sliderText span {
    white-space: nowrap;
    font-size: 0.75em;
    opacity: .5;
}

.heroSlider li.is-active .sliderText {
    opacity: 1;
    top: 10%;
}

.heroSlider picture, .heroSlider img {
    display: block;
    max-width: 660px;
}


#heroSlider {
    display: flex;
    width: 100%;
    flex-flow: column;
    justify-content: center;
}

.heroBoxTitle {
    font-weight: 600;
    font-size: 3.6rem;
    line-height: 1.2em;
}


@media only screen and (min-width : 1024px) and (max-width : 1400px) {

    .heroBox {
        width: 100%;
        max-width: calc(18vh + 18vw);
        padding: 40px;
        margin-top: 7vw;
    }

    .heroSlider {
        width: calc(100% - (18vh + 18vw));
    }

    .heroSlider picture {
        max-width: 70%;
    }

}

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

    .heroSlider li .sliderText {
        top: 164px;
        right: 100px;
    }

    .heroSlider li.is-active .sliderText {
        opacity: 1;
        top: 114px;
    }

    .heroBackground {
        height: calc(100vw * 0.35);
    }

    .heroBox {
        margin-top: 0;
        width: 100%;
        max-width: 100%;
        padding: 0 20px 40px;
    }

    .heroBoxTitle {
        font-size: 3.2rem;
    }

    .heroBoxTestimonial {
        max-width: 300px;
        margin: 0 auto;
    }

    .heroSlider {
        width: 100%;
        margin-top: -8%;
    }

    .heroSlider picture {
        max-width: 70%;
    }

    .heroContainerInner {
        flex-flow: column-reverse;
    }

    .heroContainerInner {
        padding: 0;
    }

}

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

    .heroSlider li .sliderText {
        width: 120px;
        height: 120px;
        font-size: 1.5rem;
        line-height: 1.2em;
        top: 134px;
        right: 6%;
    }

    .heroSlider li.is-active .sliderText {
        opacity: 1;
        top: 84px;
    }

    .heroBackground {
        height: calc(100vw * 0.4);
    }

}

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

    .heroBoxTitle {
        font-size: 2.4rem;
    }

    .heroSlider {
        margin-top: -44px;
    }

    .heroSlider picture {
        max-width: 80%;
    }

    .heroSlider li .sliderText {
        width: 100px;
        height: 100px;
        font-size: 1.3rem;
        line-height: 1.2em;
        top: 114px;
        right: 20px;
    }

    .heroSlider li.is-active .sliderText {
        opacity: 1;
        top: 64px;
    }

}

/* HOMEPAGE OFFER GRID
----------------------------------------------------------------*/

.offerGrid {
    display: block;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
}
.offerGridInner {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.offerItem {
    display: flex;
    flex-flow: column;
    background-color: rgba(0,0,0,0.10);
    border-radius: 6px;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1em;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-size: cover;
    background-position: center;
}

@media (hover: hover) {
    .offerItem:hover {
        transform: scale(1.05);
        cursor: pointer;
        text-decoration: none;
    }
}

.offerItem1 {
    background-image: url("../img/hero/akcija-poletje-2026.jpg");
}
.offerItem1 .offerItemTitle {
    background: linear-gradient(90deg, rgba(16, 128, 149, 0.85) 0%, rgba(27, 152, 178, .15) 100%);
    color: #FFF;
    border-bottom-left-radius: 6px;
}

.offerItem2 {
    background-image: url("../img/hero/darilni-boni-avtodomi-ccc.jpg");
}
.offerItem2 .offerItemTitle {
    background: linear-gradient(90deg, rgba(16, 128, 149, 0.85) 0%, rgba(27, 152, 178, .15) 100%);
    color: #FFF;
    border-bottom-left-radius: 6px;
}

.offerItem3 {
    background-image: url("../img/hero/vikend-najem-avtodomi-ccc.jpg");
}
.offerItem3 .offerItemTitle {
    background: linear-gradient(90deg, rgba(16, 128, 149, 0.85) 0%, rgba(27, 152, 178, .15) 100%);
    color: #FFF;
    border-bottom-left-radius: 6px;
}

.offerItem4 {
    background-image: url("../img/hero/uporabne-vsebine-avtodomi-ccc.jpg");
}
.offerItem4 .offerItemTitle {
    background: linear-gradient(90deg, rgba(16, 128, 149, 0.85) 0%, rgba(27, 152, 178, .15) 100%);
    color: #FFF;
    border-bottom-left-radius: 6px;
}

.offerItemInner {
    display: flex;
    flex-flow: column;
    min-height: 200px;
    position: relative;
}

.offerItemTitle {
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, .35) 100%);
    padding: 20px;
}

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

    .offerGridInner {
        grid-template-columns: repeat(2, 1fr);
    }

}

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

    .offerGridInner {
        gap: 20px;
    }

}

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

    .offerGridInner {
        grid-template-columns: repeat(1, 1fr);
    }

}

/* SPINNER
----------------------------------------------------------------*/

.spinner {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 24px;
}

.spinner div {
    position: absolute;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(49, 49, 50, 1.00);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.spinner.bright div {
    background: #FFF !important;
}

.spinner div:nth-child(1) {
    left: 6px;
    animation: spinner1 0.6s infinite;
}

.spinner div:nth-child(2) {
    left: 6px;
    animation: spinner2 0.6s infinite;
}

.spinner div:nth-child(3) {
    left: 26px;
    animation: spinner2 0.6s infinite;
}

.spinner div:nth-child(4) {
    left: 45px;
    animation: spinner3 0.6s infinite;
}

@keyframes spinner1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes spinner3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes spinner2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

/* GO TO FORM
----------------------------------------------------------------*/

#bottomBtn {
    display: flex;
    position: fixed;
    bottom: -100px;
	right: 0;
    z-index: 999;
	animation-name: povprasevanje;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

@keyframes povprasevanje {from {bottom: -100px;} to {bottom: 20px;}}

.bottomBtnInner {
    display: flex;
    flex-flow: row;
	padding-right: 20px;
}

#goToFormBtn {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
	border-radius: 6px;
    height: 36px;
    font-size: 1.4rem;
    line-height: 1em;
    font-weight: 600;
    text-transform: uppercase;
    background-color: rgba(216,0,0,1.00);
    color: #fff;
	padding: 0 25px;
	cursor: pointer;
    white-space: nowrap;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}

@media (hover: hover) {
	#goToFormBtn:hover {
        background-color: rgba(170, 0, 0, 1.00);
		text-decoration: none;
    }
}

/* VEHICLE BOX
----------------------------------------------------------------*/

.vehicleBoxContainer {
    display: block;
    width: 100%;
}

/*.vehicleBoxContainer + .vehicleBoxContainer {
    margin-top: 40px;
}*/

.vehicleBoxInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
}

.vehicleBoxImg {
    display: flex;
    width: 35%;
    position: relative;
    /*overflow: hidden;*/
}

.vehicleBoxImg.vehicleBoxPremium::after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	color: rgba(0,0,0,1.00);
	font-weight: 600;
	/*border-radius: 8px;*/
	font-size: 2rem;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MTAgMjAwIj4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTQyKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZWJlMTY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnPgogICAgPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMDUgMSAyMjEuMSAzMy42IDI1Ny4xIDM4LjggMjMxIDY0LjIgMjM3LjIgMTAwLjEgMjA1IDgzLjEgMTcyLjggMTAwLjEgMTc5IDY0LjIgMTUyLjkgMzguOCAxODguOSAzMy42IDIwNSAxIi8+CiAgICA8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjExNy41IDMyLjYgMTI4LjQgNTQuOCAxNTIuOSA1OC40IDEzNS4yIDc1LjcgMTM5LjQgMTAwLjEgMTE3LjUgODguNiA5NS42IDEwMC4xIDk5LjggNzUuNyA4MiA1OC40IDEwNi41IDU0LjggMTE3LjUgMzIuNiIvPgogICAgPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyOTIuNSAzMi42IDMwMy41IDU0LjggMzI4IDU4LjQgMzEwLjIgNzUuNyAzMTQuNCAxMDAuMSAyOTIuNSA4OC42IDI3MC42IDEwMC4xIDI3NC44IDc1LjcgMjU3LjEgNTguNCAyODEuNiA1NC44IDI5Mi41IDMyLjYiLz4KICAgIDxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNTguNSA1NS4zIDY1LjggNzAuMSA4MiA3Mi40IDcwLjMgODMuOSA3My4xIDEwMC4xIDU4LjUgOTIuNCA0NCAxMDAuMSA0Ni44IDgzLjkgMzUgNzIuNCA1MS4yIDcwLjEgNTguNSA1NS4zIi8+CiAgICA8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjM1MS41IDU1LjMgMzU4LjggNzAuMSAzNzUgNzIuNCAzNjMuMiA4My45IDM2NiAxMDAuMSAzNTEuNSA5Mi40IDMzNyAxMDAuMSAzMzkuNyA4My45IDMyOCA3Mi40IDM0NC4yIDcwLjEgMzUxLjUgNTUuMyIvPgogIDwvZz4KICA8Zz4KICAgIDxwYXRoIGQ9Ik0xMi45LDE5OUgzLjVjLTEuNSwwLTIuMy0uOC0yLjMtMi4zdi02Ni4xYzAtMS41LjgtMi4zLDIuMy0yLjNoMjYuOGM1LjcsMCwxMC4yLDEuNiwxMy4zLDQuNywzLjIsMy4xLDQuNyw3LjUsNC43LDEzLjN2MTAuNmMwLDUuNy0xLjYsMTAuMS00LjcsMTMuMy0zLjIsMy4xLTcuNiw0LjctMTMuMyw0LjdoLTEzLjljLS45LDAtMS4zLjQtMS4zLDEuMnYyMC44YzAsMS41LS44LDIuMy0yLjMsMi4zaDBaTTE2LjQsMTYyLjVoMTEuN2MyLjQsMCw0LS41LDUtMS41LDEtMSwxLjQtMi42LDEuNC00Ljl2LTkuMmMwLTIuNC0uNS00LTEuNC01cy0yLjYtMS41LTUtMS41aC0xMS43Yy0uOCwwLTEuMi40LTEuMiwxLjJ2MTkuN2MwLC44LjQsMS4yLDEuMiwxLjJoMFoiLz4KICAgIDxwYXRoIGQ9Ik03MS4yLDE5OWgtOS4zYy0xLjUsMC0yLjMtLjgtMi4zLTIuM3YtNjYuMWMwLTEuNS44LTIuMywyLjMtMi4zaDI2LjJjNS43LDAsMTAuMiwxLjYsMTMuNCw0LjcsMy4yLDMuMSw0LjgsNy42LDQuOCwxMy4zdjguNmMwLDguMy0zLjMsMTMuOC05LjgsMTYuNXYuNGwxMS44LDI0LjVjLjcsMS44LDAsMi42LTEuOSwyLjZoLTguOWMtMS4zLDAtMi4zLS4xLTIuOS0uNC0uNi0uMy0xLjEtLjktMS40LTEuOWwtMTEtMjMuOGgtNy40Yy0uOSwwLTEuMy40LTEuMywxLjJ2MjIuNmMwLDEuNS0uOCwyLjMtMi4zLDIuM2gwWk03NC43LDE2MS43aDEwLjhjMi4zLDAsNC4xLS41LDUuMi0xLjUsMS4xLTEsMS43LTIuNiwxLjctNC44di04LjZjMC0yLjMtLjYtMy45LTEuNy00LjlzLTIuOC0xLjUtNS4yLTEuNWgtMTAuOGMtLjgsMC0xLjIuNC0xLjIsMS4ydjE4LjljMCwuOC40LDEuMiwxLjIsMS4yaDBaIi8+CiAgICA8cGF0aCBkPSJNMTU4LDE5OWgtMzZjLTEuNSwwLTIuMy0uOC0yLjMtMi4zdi02Ni4xYzAtMS41LjgtMi4zLDIuMy0yLjNoMzZjMS41LDAsMi4yLjgsMi4yLDIuM3Y3LjVjMCwxLjUtLjcsMi4zLTIuMiwyLjNoLTIzYy0uOSwwLTEuMy40LTEuMywxLjJ2MTQuM2MwLC44LjQsMS4yLDEuMywxLjJoMTguOGMxLjUsMCwyLjMuOCwyLjMsMi4zdjcuNWMwLDEuNS0uOCwyLjMtMi4zLDIuM2gtMTguOGMtLjksMC0xLjMuNC0xLjMsMS4ydjE1LjNjMCwuOC40LDEuMiwxLjMsMS4yaDIzYzEuNSwwLDIuMi44LDIuMiwyLjN2Ny41YzAsMS41LS43LDIuMy0yLjIsMi4zWiIvPgogICAgPHBhdGggZD0iTTIxOS40LDEyOC4zaDE2LjNjMS41LDAsMi4zLjgsMi4zLDIuM3Y2Ni4xYzAsMS41LS44LDIuMy0yLjMsMi4zaC05Yy0xLjUsMC0yLjMtLjgtMi4zLTIuM3YtNTIuMWgtLjRsLTExLjIsMzYuOGMtLjQsMS41LTEuNCwyLjItMi44LDIuMmgtOS4yYy0xLjQsMC0yLjMtLjctMi44LTIuMmwtMTEuNC0zN2gtLjR2NTIuMmMwLC45LS4xLDEuNS0uNCwxLjgtLjMuMy0uOS41LTEuOS41aC05Yy0xLjUsMC0yLjMtLjgtMi4zLTIuM3YtNjYuMWMwLTEuNS44LTIuMywyLjMtMi4zaDE2LjRjMSwwLDEuNy41LDIuMSwxLjVsMTEuNywzOC44aC43bDExLjgtMzguOGMuMi0xLC45LTEuNSwyLjEtMS41aDBaIi8+CiAgICA8cGF0aCBkPSJNMjY2LjgsMTMwLjZ2NjYuMWMwLDEuNS0uOCwyLjMtMi4zLDIuM2gtOS40Yy0xLjUsMC0yLjMtLjgtMi4zLTIuM3YtNjYuMWMwLTEuNS44LTIuMywyLjMtMi4zaDkuNGMxLjUsMCwyLjMuOCwyLjMsMi4zWiIvPgogICAgPHBhdGggZD0iTTMxNy44LDEyOC4zaDkuMmMxLjYsMCwyLjQuNywyLjQsMi4ydjUwLjZjMCw1LjctMS42LDEwLjEtNC44LDEzLjMtMy4yLDMuMS03LjYsNC43LTEzLjQsNC43aC0xMi4xYy01LjgsMC0xMC4zLTEuNS0xMy40LTQuNi0zLjEtMy4xLTQuNy03LjUtNC43LTEzLjN2LTUwLjVjMC0xLjUuOC0yLjMsMi4zLTIuM2g5LjRjMS41LDAsMi4zLjgsMi4zLDIuM3Y0OS44YzAsMi40LjUsNCwxLjUsNSwxLDEsMi42LDEuNSw0LjksMS41aDcuNmMyLjQsMCw0LS41LDUtMS41LDEtMSwxLjUtMi43LDEuNS01di00OS44YzAtMS41LjgtMi4zLDIuMy0yLjNoMFoiLz4KICAgIDxwYXRoIGQ9Ik0zOTAuMiwxMjguM2gxNi4zYzEuNSwwLDIuMy44LDIuMywyLjN2NjYuMWMwLDEuNS0uOCwyLjMtMi4zLDIuM2gtOWMtMS41LDAtMi4zLS44LTIuMy0yLjN2LTUyLjFoLS40bC0xMS4yLDM2LjhjLS40LDEuNS0xLjQsMi4yLTIuOCwyLjJoLTkuMmMtMS40LDAtMi4zLS43LTIuOC0yLjJsLTExLjQtMzdoLS40djUyLjJjMCwuOS0uMSwxLjUtLjQsMS44cy0uOS41LTEuOS41aC05Yy0xLjUsMC0yLjMtLjgtMi4zLTIuM3YtNjYuMWMwLTEuNS44LTIuMywyLjMtMi4zaDE2LjRjMSwwLDEuNy41LDIuMSwxLjVsMTEuNywzOC44aC43bDExLjgtMzguOGMuMi0xLC45LTEuNSwyLjEtMS41aDBaIi8+CiAgPC9nPgo8L3N2Zz4=");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	width: 82px;
	height: 48px;
	/*border: 2px solid rgba(254,190,22,1.00);*/
}

.vehicleBoxImg img {
    display: block;
    width: 100%;
    height: auto;
    align-self: center;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.adomPremiumBadge {
    display: block;
    width: 80px;
    margin: 0 auto 10px;
}

.adomPremiumBadge img {
    display: block;
    width: 100%;
    height: auto;
}

.modelYearBadge {
    display: inline-block;
    color: rgba(216, 0, 0, 1.00);
    justify-content: center;
    font-weight: 600;
    margin: 0 auto;
}

section h1.adomTitle {
    margin-top: 4px;
    margin-bottom: 10px;
}
section p.adomDescription {
    margin-top: 0;
}

.vehiclePlate {
    display: flex;
    width: 122px;
    background-color: #FFF;
    border-radius: 4px;
    padding: 2px;
    height: 30px;
    justify-content: center;
    margin: -14px auto 30px;
}

.vehicleBoxContainer .vehiclePlate {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.vehiclePlateInner {
    display: flex;
    border-radius: 2px;
    border: 2px solid rgba(8, 193, 66, 1.00);
    padding: 2px;
    align-items: center;
}

.vehiclePlateInner span {
    font-weight: 600;
    width: 110px;
    text-align: center;
    font-size: 1.6rem;
}

.vehiclePlateInner span::after {
    content: "CCC";
    float: left;
    width: 11px;
    background-color: rgba(0, 127, 255, 1.00);
    text-align: center;
    color: #FFF;
    font-size: 0.6rem;
    line-height: 6px;
    padding-top: 12px;
    margin-top: 3px;
}

.vehicleFlag {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.vehicleBadges {
    display: flex;
    flex-flow: row;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.vehicleBadgeCircle {
    display: flex;
    width: 62px;
    height: 62px;
    background-color: #000;
    color: #FFF;
    border-radius: 50%;
    margin: 0 0 10px 10px;
    flex-flow: column;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1em;
    justify-content: center;
}

.vehicleBadgeCircle span {
    font-size: 2.8rem;
    line-height: 0.8em;
}

.vehicleBadgeCircle2 span {
    font-size: 2rem;
    line-height: 1em;
}

.vehicleBadgeCircle.badgeWinter {
    background-color: rgba(40, 148, 232, 1.00);
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuNzEsMi4yOSw4LjI5LDMuNzEsMTEsNi40MVYxMC4ybC0zLjIxLTJMNi45NCw0LjQ2LDUsNC45MWwuNzIsMy4xNkwyLjU1LDguOCwzLDEwLjc1bDMuNzMtLjg2TDEwLjExLDEyLDYuNzMsMTQuMTEsMywxMy4yNSwyLjU1LDE1LjJsMy4xNi43M0w1LDE5LjA5bDIsLjQ1Ljg1LTMuNzMsMy4yMS0ydjMuNzhsLTIuNzEsMi43LDEuNDIsMS40MkwxMiwxOS40MWwyLjI5LDIuMywxLjQyLTEuNDJMMTMsMTcuNTlWMTMuODFsMy4yMSwyLC44NSwzLjczLDItLjQ1LS43Mi0zLjE2LDMuMTYtLjczTDIxLDEzLjI1bC0zLjczLjg2TDEzLjg5LDEybDMuMzgtMi4xMSwzLjczLjg2LjQ1LTEuOTUtMy4xNi0uNzNMMTksNC45MWwtMi0uNDUtLjg1LDMuNzNMMTMsMTAuMlY2LjQxbDIuNzEtMi43TDE0LjI5LDIuMjksMTIsNC41OVoiLz48L3N2Zz4=");
    background-size: 42px 42px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.vehicleBadgeCircle.badgeTransmissionAutomatic {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iJiN4NDIxOyYjeDQzQjsmI3g0M0U7JiN4NDM5O18xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMuMjUsMC42MjVIMi41QzIuMjkyOTY4OCwwLjYyNSwyLjEyNSwwLjc5Mjk2ODgsMi4xMjUsMXYyLjVjMCwwLjIwNzAzMTMsMC4xNjc5Njg4LDAuMzc1LDAuMzc1LDAuMzc1ICAgUzIuODc1LDMuNzA3MDMxMywyLjg3NSwzLjVWMi44NzVIMy4yNWMwLjYyMDExNzIsMCwxLjEyNS0wLjUwNDg4MjgsMS4xMjUtMS4xMjVTMy44NzAxMTcyLDAuNjI1LDMuMjUsMC42MjV6IE0zLjI1LDIuMTI1SDIuODc1ICAgdi0wLjc1SDMuMjVjMC4yMDcwMzEzLDAsMC4zNzUsMC4xNjg0NTcsMC4zNzUsMC4zNzVTMy40NTcwMzEzLDIuMTI1LDMuMjUsMi4xMjV6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMy4yNSw0LjYyNUgyLjVDMi4yOTI5Njg4LDQuNjI1LDIuMTI1LDQuNzkyOTY4OCwyLjEyNSw1djIuNWMwLDAuMjA3MDMxMywwLjE2Nzk2ODgsMC4zNzUsMC4zNzUsMC4zNzUgICBTMi44NzUsNy43MDcwMzEzLDIuODc1LDcuNVY2Ljg3NWgwLjE4NzYyMjFsMC42Mzc1NzMyLDAuODUwMDk3N0MzLjc3MzQzNzUsNy44MjMyNDIyLDMuODg2NzE4OCw3Ljg3NSw0LDcuODc1ICAgYzAuMDc4MTI1LDAsMC4xNTcyMjY2LTAuMDI0NDE0MSwwLjIyNDYwOTQtMC4wNzUxOTUzQzQuMzkwNjI1LDcuNjc1NzgxMyw0LjQyMzgyODEsNy40NDA5MTgsNC4yOTk4MDQ3LDcuMjc0OTAyMyAgIEwzLjg2MzI4MTMsNi42OTI4NzExQzQuMTcwODk4NCw2LjQ5MTY5OTIsNC4zNzUsNi4xNDQwNDMsNC4zNzUsNS43NUM0LjM3NSw1LjEyOTg4MjgsMy44NzAxMTcyLDQuNjI1LDMuMjUsNC42MjV6IE0zLjI1LDYuMTI1ICAgSDIuODc1di0wLjc1SDMuMjVjMC4yMDcwMzEzLDAsMC4zNzUsMC4xNjg0NTcsMC4zNzUsMC4zNzVTMy40NTcwMzEzLDYuMTI1LDMuMjUsNi4xMjV6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCw4LjYyNUMzLjc5Mjk2ODgsOC42MjUsMy42MjUsOC43OTI5Njg4LDMuNjI1LDl2MS4xNDg5MjU4TDIuODQ5NjA5NCw4LjgxMjAxMTcgICBDMi43ODMyMDMxLDguNjk2Mjg5MSwyLjYzMzc4OTEsOC42MjUsMi41LDguNjI1QzIuMjkyOTY4OCw4LjYyNSwyLjEyNSw4Ljc5Mjk2ODgsMi4xMjUsOXYyLjUgICBjMCwwLjIwNzAzMTMsMC4xNjc5Njg4LDAuMzc1LDAuMzc1LDAuMzc1czAuMzc1LTAuMTY3OTY4OCwwLjM3NS0wLjM3NXYtMS4xNDg5MjU4bDAuNzc1MzkwNiwxLjMzNjkxNDEgICBDMy43MTY3OTY5LDExLjgwMzcxMDksMy44NjYyMTA5LDExLjg3NSw0LDExLjg3NWMwLjIwNzAzMTMsMCwwLjM3NS0wLjE2Nzk2ODgsMC4zNzUtMC4zNzVWOSAgIEM0LjM3NSw4Ljc5Mjk2ODgsNC4yMDcwMzEzLDguNjI1LDQsOC42MjV6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMy4yNSwxMi42MjVIMi41Yy0wLjIwNzAzMTMsMC0wLjM3NSwwLjE2Nzk2ODgtMC4zNzUsMC4zNzV2Mi41YzAsMC4yMDcwMzEzLDAuMTY3OTY4OCwwLjM3NSwwLjM3NSwwLjM3NSAgIGgwLjc1YzAuNjIwMTE3MiwwLDEuMTI1LTAuNTA0ODgyOCwxLjEyNS0xLjEyNXYtMUM0LjM3NSwxMy4xMjk4ODI4LDMuODcwMTE3MiwxMi42MjUsMy4yNSwxMi42MjV6IE0zLjYyNSwxNC43NSAgIGMwLDAuMjA2NTQzLTAuMTY3OTY4OCwwLjM3NS0wLjM3NSwwLjM3NUgyLjg3NXYtMS43NUgzLjI1YzAuMjA3MDMxMywwLDAuMzc1LDAuMTY4NDU3LDAuMzc1LDAuMzc1VjE0Ljc1eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLjg3NSw3LjE4MzUzMjdWMS41YzAtMC43NTgzMDA4LTAuNjE3MTg3NS0xLjM3NS0xLjM3NS0xLjM3NWgtMyAgIGMtMC43NTc4MTI1LDAtMS4zNzUsMC42MTY2OTkyLTEuMzc1LDEuMzc1djUuNjgzNTMyN2MtMC41NzUwMTIyLDAuMTY0NDg5Ny0xLDAuNjg5MDg2OS0xLDEuMzE2NDY3M3YxICAgYzAsMC42MjczODA0LDAuNDI0OTg3OCwxLjE1MTk3NzUsMSwxLjMxNjQ2NzNWMTQuNWMwLDAuNzU4MzAwOCwwLjYxNzE4NzUsMS4zNzUsMS4zNzUsMS4zNzVoMyAgIGMwLjc1NzgxMjUsMCwxLjM3NS0wLjYxNjY5OTIsMS4zNzUtMS4zNzV2LTMuNjgzNTMyN2MwLjU3NTAxMjItMC4xNjQ0ODk3LDEtMC42ODkwODY5LDEtMS4zMTY0Njczdi0xICAgQzEzLjg3NSw3Ljg3MjYxOTYsMTMuNDUwMDEyMiw3LjM0ODAyMjUsMTIuODc1LDcuMTgzNTMyN3ogTTcuODc1LDEuNWMwLTAuMzQ0NzI2NiwwLjI4MDI3MzQtMC42MjUsMC42MjUtMC42MjVoMyAgIGMwLjM0NDcyNjYsMCwwLjYyNSwwLjI4MDI3MzQsMC42MjUsMC42MjV2NS42MjVoLTEuNzVWMi41YzAtMC4yMDcwMzEzLTAuMTY3OTY4OC0wLjM3NS0wLjM3NS0wLjM3NVM5LjYyNSwyLjI5Mjk2ODgsOS42MjUsMi41ICAgdjQuNjI1aC0xLjc1VjEuNXogTTEyLjEyNSwxNC41YzAsMC4zNDQ3MjY2LTAuMjgwMjczNCwwLjYyNS0wLjYyNSwwLjYyNWgtM2MtMC4zNDQ3MjY2LDAtMC42MjUtMC4yODAyNzM0LTAuNjI1LTAuNjI1di0zLjYyNWgxLjc1ICAgVjEzLjVjMCwwLjIwNzAzMTMsMC4xNjc5Njg4LDAuMzc1LDAuMzc1LDAuMzc1czAuMzc1LTAuMTY3OTY4OCwwLjM3NS0wLjM3NXYtMi42MjVoMS43NVYxNC41eiBNMTMuMTI1LDkuNSAgIGMwLDAuMzQ0NzI2Ni0wLjI4MDI3MzQsMC42MjUtMC42MjUsMC42MjVoLTVjLTAuMzQ0NzI2NiwwLTAuNjI1LTAuMjgwMjczNC0wLjYyNS0wLjYyNXYtMSAgIGMwLTAuMzQ0NzI2NiwwLjI4MDI3MzQtMC42MjUsMC42MjUtMC42MjVoNWMwLjM0NDcyNjYsMCwwLjYyNSwwLjI4MDI3MzQsMC42MjUsMC42MjVWOS41eiIvPgo8L2c+Cjwvc3ZnPgo=");
    background-size: 34px 34px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.vehicleBadgeCircle.badgeTransmissionManual {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iJiN4NDIxOyYjeDQzQjsmI3g0M0U7JiN4NDM5O18xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTgsMC4xMjVDMy42NTcyMjY2LDAuMTI1LDAuMTI1LDMuNjU3NzE0OCwwLjEyNSw4UzMuNjU3MjI2NiwxNS44NzUsOCwxNS44NzVTMTUuODc1LDEyLjM0MjI4NTIsMTUuODc1LDggICBTMTIuMzQyNzczNCwwLjEyNSw4LDAuMTI1eiBNOCwxNS4xMjVjLTMuOTI4NzEwOSwwLTcuMTI1LTMuMTk2Mjg5MS03LjEyNS03LjEyNVM0LjA3MTI4OTEsMC44NzUsOCwwLjg3NSAgIFMxNS4xMjUsNC4wNzEyODkxLDE1LjEyNSw4UzExLjkyODcxMDksMTUuMTI1LDgsMTUuMTI1eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTExLjg3NSwxMC4yNWMwLTAuNjIwMTE3Mi0wLjUwNDg4MjgtMS4xMjUtMS4xMjUtMS4xMjVIMTBjLTAuMjA3MDMxMywwLTAuMzc1LDAuMTY3OTY4OC0wLjM3NSwwLjM3NVYxMiAgIGMwLDAuMjA3MDMxMywwLjE2Nzk2ODgsMC4zNzUsMC4zNzUsMC4zNzVzMC4zNzUtMC4xNjc5Njg4LDAuMzc1LTAuMzc1di0wLjYyNWgwLjE4NzYyMjFsMC42Mzc1NzMyLDAuODUwMDk3NyAgIEMxMS4yNzM0Mzc1LDEyLjMyMzI0MjIsMTEuMzg2NzE4OCwxMi4zNzUsMTEuNSwxMi4zNzVjMC4wNzgxMjUsMCwwLjE1NzIyNjYtMC4wMjQ0MTQxLDAuMjI0NjA5NC0wLjA3NTE5NTMgICBjMC4xNjYwMTU2LTAuMTI0MDIzNCwwLjE5OTIxODgtMC4zNTg4ODY3LDAuMDc1MTk1My0wLjUyNDkwMjNsLTAuNDM2NTIzNC0wLjU4MjAzMTMgICBDMTEuNjcwODk4NCwxMC45OTE2OTkyLDExLjg3NSwxMC42NDQwNDMsMTEuODc1LDEwLjI1eiBNMTAuNzUsMTAuNjI1aC0wLjM3NXYtMC43NWgwLjM3NWMwLjIwNzAzMTMsMCwwLjM3NSwwLjE2ODQ1NywwLjM3NSwwLjM3NSAgIFMxMC45NTcwMzEzLDEwLjYyNSwxMC43NSwxMC42MjV6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTEuNSwzLjYyNWMtMC4yMDcwMzEzLDAtMC4zNzUsMC4xNjc5Njg4LTAuMzc1LDAuMzc1djNjMCwwLjM0NDcyNjYtMC4yODAyNzM0LDAuNjI1LTAuNjI1LDAuNjI1SDguMzc1VjQgICBjMC0wLjIwNzAzMTMtMC4xNjc5Njg4LTAuMzc1LTAuMzc1LTAuMzc1UzcuNjI1LDMuNzkyOTY4OCw3LjYyNSw0djMuNjI1aC0yLjc1VjRjMC0wLjIwNzAzMTMtMC4xNjc5Njg4LTAuMzc1LTAuMzc1LTAuMzc1ICAgUzQuMTI1LDMuNzkyOTY4OCw0LjEyNSw0djhjMCwwLjIwNzAzMTMsMC4xNjc5Njg4LDAuMzc1LDAuMzc1LDAuMzc1UzQuODc1LDEyLjIwNzAzMTMsNC44NzUsMTJWOC4zNzVoMi43NVYxMiAgIGMwLDAuMjA3MDMxMywwLjE2Nzk2ODgsMC4zNzUsMC4zNzUsMC4zNzVTOC4zNzUsMTIuMjA3MDMxMyw4LjM3NSwxMlY4LjM3NUgxMC41YzAuNzU3ODEyNSwwLDEuMzc1LTAuNjE2Njk5MiwxLjM3NS0xLjM3NVY0ICAgQzExLjg3NSwzLjc5Mjk2ODgsMTEuNzA3MDMxMywzLjYyNSwxMS41LDMuNjI1eiIvPgo8L2c+Cjwvc3ZnPgo=");
    background-size: 34px 34px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.reservationStatus {
    display: block;
    margin-top: 15px;
}

.reservationStatus::before {
    content: '';
    display: block;
    padding: 2px 24px 1px;
    border-radius: 4px;
    color: white;
    font-weight: 600;
    text-align: center;
}

.reservationStatus.free::before {
    content: 'NA VOLJO';
    background-color: #00a100;
}

.reservationStatus.partial::before {
    content: 'DELNO NA VOLJO - PREVERI KOLEDAR!';
    background-color: #e49300;
}

.vehicleFlag {
    display: flex;
    height: 32px;
    padding: 3px 0 0 10px;
    font-size: 2rem;
    
    flex-flow: column;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(216,0,0,1.00);
    color: #fff;
    z-index: 5;
    text-transform: uppercase;
}

.vehicleFlag::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-left: 12px solid rgba(216,0,0,1.00);
    border-right: 12px solid transparent;
    border-top: 32px solid rgba(216,0,0,1.00);
}
.vehicleBoxDescription {
    display: flex;
    justify-content: center;
    width: 65%;
    flex-flow: column;
    padding-left: 20px;
}
.vehicleBoxDescription a:hover {
	text-decoration: none;
}
.vehicleBoxDescription a:hover h3 {
	text-decoration: underline;
	text-decoration-color: rgba(216,0,0,1.00);
	text-decoration-thickness: 4px;
}

.vehicleBoxDescription h3 span {
    font-size: 1.6rem;
    line-height: 1em;
    color: #999;
    font-weight: 600;
    white-space: nowrap;
}

.vehicleBoxDescription p {
    font-size: 1.6rem;
    line-height: 1.2em;
}

.vehicleBoxDescription h3 {
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 1em;
}

.vehicleBoxBadges {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.vehicleBoxBadges.center {
    justify-content: center;
}

.vehicleBoxBadges a:hover {
    text-decoration: none;
    cursor: pointer;
}

.vehicleBadge {
    display: flex;
    font-family: 'Saira Semi Condensed', sans-serif;
    text-transform: uppercase;
    
    border: 1px dotted rgba(0,0,0,0.30);
    padding: 0 6px;
    font-size: 1.3rem;
    border-radius: 3px;
    /*box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
}

a.vehicleBadge {
    background-color: rgba(216,0,0,1.00);
    color: rgba(255,255,255,1.00);
    border: 1px solid rgba(216,0,0,1.00);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (hover: hover) {
    a.vehicleBadge:hover {
        transform: scale(1.05);
        cursor: pointer;
        text-decoration: none;
        color: #FFF;
    }
}

.vehicleBadge span {
    display: flex;
    align-items: center;
}

.vehicleBadge span::before {
    content: '';
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    padding-right: 6px;
}

.badgeKlima span::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPiAgICA8cGF0aCBkPSJNIDIgMyBMIDIgOS4yMzYzMjgxIEwgNC4zODI4MTI1IDE0IEwgMTkuNjE3MTg4IDE0IEwgMjIgOS4yMzYzMjgxIEwgMjIgMyBMIDIgMyB6IE0gNC42MTcxODc1IDEwIEwgMTkuMzgyODEyIDEwIEwgMTguMzgyODEyIDEyIEwgNS42MTcxODc1IDEyIEwgNC42MTcxODc1IDEwIHogTSA4IDE2IEEgMSAxIDAgMCAwIDcgMTcgQSAxIDEgMCAwIDAgOCAxOCBBIDEgMSAwIDAgMCA5IDE3IEEgMSAxIDAgMCAwIDggMTYgeiBNIDEyIDE2IEEgMSAxIDAgMCAwIDExIDE3IEEgMSAxIDAgMCAwIDEyIDE4IEEgMSAxIDAgMCAwIDEzIDE3IEEgMSAxIDAgMCAwIDEyIDE2IHogTSAxNiAxNiBBIDEgMSAwIDAgMCAxNSAxNyBBIDEgMSAwIDAgMCAxNiAxOCBBIDEgMSAwIDAgMCAxNyAxNyBBIDEgMSAwIDAgMCAxNiAxNiB6IE0gNiAxOSBBIDEgMSAwIDAgMCA1IDIwIEEgMSAxIDAgMCAwIDYgMjEgQSAxIDEgMCAwIDAgNyAyMCBBIDEgMSAwIDAgMCA2IDE5IHogTSAxMiAxOSBBIDEgMSAwIDAgMCAxMSAyMCBBIDEgMSAwIDAgMCAxMiAyMSBBIDEgMSAwIDAgMCAxMyAyMCBBIDEgMSAwIDAgMCAxMiAxOSB6IE0gMTggMTkgQSAxIDEgMCAwIDAgMTcgMjAgQSAxIDEgMCAwIDAgMTggMjEgQSAxIDEgMCAwIDAgMTkgMjAgQSAxIDEgMCAwIDAgMTggMTkgeiIvPjwvc3ZnPg==");
}

.badgeOsebe span::before, .adomPersons::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPiAgICA8cGF0aCBkPSJNIDEyIDMgQSA0IDQgMCAwIDAgOCA3IEEgNCA0IDAgMCAwIDEyIDExIEEgNCA0IDAgMCAwIDE2IDcgQSA0IDQgMCAwIDAgMTIgMyB6IE0gMyA2LjU4MDA3ODEgTCAzIDkuNDE5OTIxOSBMIDguMTQwNjI1IDE0LjU1MDc4MSBMIDE0LjU4OTg0NCAyMSBMIDIxIDIxIEwgMjEgMTguNSBDIDIxIDE1LjU1IDE1LjE0IDE0IDEyIDE0IEMgMTEuNTUgMTQgMTEuMDQ5NzY2IDE0LjAzOTYwOSAxMC41MDk3NjYgMTQuMDk5NjA5IEwgMyA2LjU4MDA3ODEgeiBNIDYuMDI5Mjk2OSAxNS4yNzkyOTcgQyA0LjMwOTI5NjkgMTYuMDE5Mjk3IDMgMTcuMSAzIDE4LjUgTCAzIDIxIEwgMTEuNzUgMjEgTCA2LjAyOTI5NjkgMTUuMjc5Mjk3IHoiLz48L3N2Zz4=");
}

.badgePostelja span::before, .adomBeds::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gMTggMiBMIDE4IDMgTCAxOS41ODM5ODQgMyBMIDE4IDUuMjk0OTIxOSBMIDE4IDYgTCAyMSA2IEwgMjEgNSBMIDE5LjQxOTkyMiA1IEwgMjEgMi43MTA5Mzc1IEwgMjEgMiBMIDE4IDIgeiBNIDE0IDQgTCAxNCA1IEwgMTUuNTgzOTg0IDUgTCAxNCA3LjI5NDkyMTkgTCAxNCA4IEwgMTcgOCBMIDE3IDcgTCAxNS40MTk5MjIgNyBMIDE3IDQuNzEwOTM3NSBMIDE3IDQgTCAxNCA0IHogTSAyIDUgTCAyIDIxIEwgNCAyMSBMIDQgMTkgTCAyMCAxOSBMIDIwIDIxIEwgMjIgMjEgTCAyMiAxMCBMIDEwIDEwIEwgMTAgMTMgTCA3IDEzIEwgNCAxMyBMIDQgNSBMIDIgNSB6IE0gNyAxMyBBIDIgMiAwIDAgMCA5IDExIEEgMiAyIDAgMCAwIDcgOSBBIDIgMiAwIDAgMCA1IDExIEEgMiAyIDAgMCAwIDcgMTMgeiIvPjwvc3ZnPg==");
}

.badgeNosilec span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gMTUgMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTQgNCBMIDE0IDQuMTg1NTQ2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTQuMDUyNzM0IDQuNTA1ODU5NCBMIDE0Ljk3ODUxNiA3LjIzODI4MTIgTCA5Ljk1NTA3ODEgMTUgTCA5Ljg5MjU3ODEgMTUgQyA5LjU2MDIyNDggMTMuNDE2MDYxIDguNDU0MTQ4NCAxMi4xMjc3NjEgNi45OTYwOTM4IDExLjQ5MjE4OCBMIDguNTUyNzM0NCA5IEwgMTEgOSBMIDExIDcgTCA1IDcgTCA1IDkgTCA2LjE5NzI2NTYgOSBMIDQuOTQ1MzEyNSAxMS4wMDM5MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQuOTAwMzkwNiAxMS4wMDU4NTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQuODAwNzgxMiAxMS4wMjM0MzggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQuNjQwNjI1IDExLjA3MjI2NiBDIDIuMDY5MjU1MSAxMS4yNjc3MzMgNS45MjExODk1ZS0xNiAxMy4zODE2NjkgMCAxNiBDIDAgMTguNzQ1NDU1IDIuMjU0NTQ1NSAyMSA1IDIxIEMgNy40MDM1OTI3IDIxIDkuNDMwODIyOSAxOS4yNzI2MjEgOS44OTg0Mzc1IDE3IEwgMTAuNSAxNyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTEuMzM5ODQ0IDE2LjU0Mjk2OSBMIDE1Ljc5Njg3NSA5LjY1NjI1IEwgMTYuNDkwMjM0IDExLjcwNTA3OCBDIDE1LjAxMDgxNyAxMi41NzY5NzMgMTQgMTQuMTcxMjQ1IDE0IDE2IEMgMTQgMTguNzQ1NDU1IDE2LjI1NDU0NSAyMSAxOSAyMSBDIDIxLjc0NTQ1NSAyMSAyNCAxOC43NDU0NTUgMjQgMTYgQyAyNCAxMy4zODEwMDUgMjEuOTI5NzA3IDExLjI2NjgyNCAxOS4zNTc0MjIgMTEuMDcyMjY2IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxOSAxMSBDIDE4Ljc4ODU1NyAxMSAxOC41ODE3NjcgMTEuMDE3MDI5IDE4LjM3Njk1MyAxMS4wNDI5NjkgTCAxNi4zMzIwMzEgNSBMIDE5IDUgQyAxOS41NjUwMyA1IDIwIDUuNDM0OTY5OCAyMCA2IEMgMjAgNi41NjUwMzAyIDE5LjU2NTAzIDcgMTkgNyBMIDE5IDkgQyAyMC42NDQ5NyA5IDIyIDcuNjQ0OTY5OCAyMiA2IEMgMjIgNC4zNTUwMzAyIDIwLjY0NDk3IDMgMTkgMyBMIDE1IDMgeiBNIDUgMTMgQyA2LjMwMjAzODcgMTMgNy40MDIyNjM2IDEzLjgzODYyNyA3LjgxNjQwNjIgMTUgTCA1IDE1IEwgNSAxNyBMIDcuODE2NDA2MiAxNyBDIDcuNDAyMjYzNiAxOC4xNjEzNzMgNi4zMDIwMzg3IDE5IDUgMTkgQyAzLjM0NTQ1NDUgMTkgMiAxNy42NTQ1NDUgMiAxNiBDIDIgMTQuMzQ1NDU1IDMuMzQ1NDU0NSAxMyA1IDEzIHogTSAxOS4wNDEwMTYgMTMuMDAzOTA2IEMgMjAuNjc2MjM0IDEzLjAyNjQ4NiAyMiAxNC4zNTk1MDQgMjIgMTYgQyAyMiAxNy42NTQ1NDUgMjAuNjU0NTQ1IDE5IDE5IDE5IEMgMTcuMzQ1NDU1IDE5IDE2IDE3LjY1NDU0NSAxNiAxNiBDIDE2IDE1LjA0NjY0MyAxNi40NTUyNCAxNC4yMDYxIDE3LjE1MDM5MSAxMy42NTYyNSBMIDE4LjA1MjczNCAxNi4zMjAzMTIgTCAxOS45NDcyNjYgMTUuNjc5Njg4IEwgMTkuMDQxMDE2IDEzLjAwMzkwNiB6Ii8+PC9zdmc+");
}

.badgeZimski span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gOS43MDcwMzEyIDIuMjkyOTY4OCBMIDguMjkyOTY4OCAzLjcwNzAzMTIgTCAxMSA2LjQxNDA2MjUgTCAxMSAxMC4xOTUzMTIgTCA3Ljc5Mjk2ODggOC4xODk0NTMxIEwgNi45MzU1NDY5IDQuNDU4OTg0NCBMIDQuOTg2MzI4MSA0LjkwODIwMzEgTCA1LjcxNDg0MzggOC4wNjgzNTk0IEwgMi41NTQ2ODc1IDguNzk2ODc1IEwgMy4wMDM5MDYyIDEwLjc0NjA5NCBMIDYuNzMyNDIxOSA5Ljg4NjcxODggTCAxMC4xMTMyODEgMTIgTCA2LjczMjQyMTkgMTQuMTEzMjgxIEwgMy4wMDM5MDYyIDEzLjI1MzkwNiBMIDIuNTU0Njg3NSAxNS4yMDMxMjUgTCA1LjcxNDg0MzggMTUuOTMxNjQxIEwgNC45ODYzMjgxIDE5LjA5MTc5NyBMIDYuOTM1NTQ2OSAxOS41NDEwMTYgTCA3Ljc5Mjk2ODggMTUuODEwNTQ3IEwgMTEgMTMuODA2NjQxIEwgMTEgMTcuNTg1OTM4IEwgOC4yOTI5Njg4IDIwLjI5Mjk2OSBMIDkuNzA3MDMxMiAyMS43MDcwMzEgTCAxMiAxOS40MTQwNjIgTCAxNC4yOTI5NjkgMjEuNzA3MDMxIEwgMTUuNzA3MDMxIDIwLjI5Mjk2OSBMIDEzIDE3LjU4NTkzOCBMIDEzIDEzLjgwNjY0MSBMIDE2LjIwNzAzMSAxNS44MTA1NDcgTCAxNy4wNjQ0NTMgMTkuNTQxMDE2IEwgMTkuMDEzNjcyIDE5LjA5MTc5NyBMIDE4LjI4NTE1NiAxNS45MzE2NDEgTCAyMS40NDUzMTIgMTUuMjAzMTI1IEwgMjAuOTk2MDk0IDEzLjI1MzkwNiBMIDE3LjI2NzU3OCAxNC4xMTMyODEgTCAxMy44ODY3MTkgMTIgTCAxNy4yNjc1NzggOS44ODY3MTg4IEwgMjAuOTk2MDk0IDEwLjc0NjA5NCBMIDIxLjQ0NTMxMiA4Ljc5Njg3NSBMIDE4LjI4NTE1NiA4LjA2ODM1OTQgTCAxOS4wMTM2NzIgNC45MDgyMDMxIEwgMTcuMDY0NDUzIDQuNDU4OTg0NCBMIDE2LjIwNzAzMSA4LjE4OTQ1MzEgTCAxMyAxMC4xOTUzMTIgTCAxMyA2LjQxNDA2MjUgTCAxNS43MDcwMzEgMy43MDcwMzEyIEwgMTQuMjkyOTY5IDIuMjkyOTY4OCBMIDEyIDQuNTg1OTM3NSBMIDkuNzA3MDMxMiAyLjI5Mjk2ODggeiIvPjwvc3ZnPg==");
}

.badgeSolar span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDIuNSwxMC41LDRIOFY2LjVMNi41LDhsMSwxSDkuNjlBMywzLDAsMCwxLDkuNSw4YTIuNSwyLjUsMCwwLDEsNSwwLDMsMywwLDAsMS0uMTksMUgxNi41bDEtMUwxNiw2LjVWNEgxMy41Wk00LjkxLDEwYTEsMSwwLDAsMC0xLC44MUwyLDIwdjFhLjk0Ljk0LDAsMCwwLDEsMUgyMWEuOTQuOTQsMCwwLDAsMS0xVjIwbC0xLjkxLTkuMTlhMSwxLDAsMCwwLTEtLjgxWm0uNjgsMkgxOC4zMWwxLjM4LDdINC4xOVptMS4zMiwxTDYuNSwxNUg5LjMxbC4xOS0yWm0zLjc4LDAtLjEsMmgyLjgybC0uMS0yWm0zLjgxLDAsLjE5LDJIMTcuNWwtLjQxLTJaTTYuMzEsMTZsLS40LDJIOWwuMTktMlptNC4yOCwwLS4wOSwyaDNsLS4wOS0yWm00LjIyLDBMMTUsMThoMy4wOWwtLjQtMloiLz48L3N2Zz4=");
}

.badgeOgled span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gNCA0IEwgNCA2IEwgNiA2IEwgNiA3IEwgNCA3IEwgNCA5IEwgNiA5IEwgNiAxMCBMIDQgMTAgTCA0IDEyIEwgNiAxMiBMIDcgMTIgQyA3LjU1MiAxMiA4IDExLjU1MiA4IDExIEwgOCA1IEMgOCA0LjQ0OCA3LjU1MiA0IDcgNCBMIDYgNCBMIDQgNCB6IE0gMTAgNCBDIDkuNDQ4IDQgOSA0LjQ0OCA5IDUgTCA5IDExIEMgOSAxMS41NTIgOS40NDggMTIgMTAgMTIgTCAxMSAxMiBMIDEyIDEyIEwgMTMgMTIgQyAxMy41NTIgMTIgMTQgMTEuNTUyIDE0IDExIEwgMTQgOCBDIDE0IDcuNDQ4IDEzLjU1MiA3IDEzIDcgTCAxMiA3IEwgMTEgNyBMIDExIDYgTCAxNCA2IEwgMTQgNCBMIDExIDQgTCAxMCA0IHogTSAxNiA0IEMgMTUuNDQ4IDQgMTUgNC40NDggMTUgNSBMIDE1IDExIEMgMTUgMTEuNTUyIDE1LjQ0OCAxMiAxNiAxMiBMIDE3IDEyIEwgMTkgMTIgQyAxOS41NTIgMTIgMjAgMTEuNTUyIDIwIDExIEwgMjAgNSBDIDIwIDQuNDQ4IDE5LjU1MiA0IDE5IDQgTCAxNyA0IEwgMTYgNCB6IE0gMTcgNiBMIDE4IDYgTCAxOCAxMCBMIDE3IDEwIEwgMTcgNiB6IE0gMTEgOSBMIDEyIDkgTCAxMiAxMCBMIDExIDEwIEwgMTEgOSB6IE0gMyA5LjMzNTkzNzUgQyAxLjEzMSAxMC41NjU5MzcgMCAxMi4xOSAwIDE0IEMgMCAxNy45MjUgNS4yNzEgMjEgMTIgMjEgQyAxOC43MjkgMjEgMjQgMTcuOTI1IDI0IDE0IEMgMjQgMTIuMTkgMjIuODY5IDEwLjU2NTkzNyAyMSA5LjMzNTkzNzUgTCAyMSAxMS44NzEwOTQgQyAyMS42MzMgMTIuNTIyMDk0IDIyIDEzLjI0NDk1MyAyMiAxNC4wMDE5NTMgQyAyMiAxNi43MTE5NTMgMTcuNDIxIDE5LjAwMTk1MyAxMiAxOS4wMDE5NTMgQyA2LjU4IDE5LjAwMTk1MyAyIDE2LjcxMTk1MyAyIDE0LjAwMTk1MyBDIDIgMTMuMjQ0OTUzIDIuMzY3IDEyLjUyMjA5NCAzIDExLjg3MTA5NCBMIDMgOS4zMzU5Mzc1IHoiLz48L3N2Zz4=");
}

a.badgeOgled span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQsNFY2SDZWN0g0VjlINnYxSDR2Mkg3YTEsMSwwLDAsMCwxLTFWNUExLDEsMCwwLDAsNyw0SDRabTYsMEExLDEsMCwwLDAsOSw1djZhMSwxLDAsMCwwLDEsMWgzYTEsMSwwLDAsMCwxLTFWOGExLDEsMCwwLDAtMS0xSDExVjZoM1Y0SDEwWm02LDBhMSwxLDAsMCwwLTEsMXY2YTEsMSwwLDAsMCwxLDFoM2ExLDEsMCwwLDAsMS0xVjVhMSwxLDAsMCwwLTEtMUgxNlptMSwyaDF2NEgxN1pNMTEsOWgxdjFIMTFaTTMsOS4zNEMxLjEzLDEwLjU3LDAsMTIuMTksMCwxNGMwLDMuOTIsNS4yNyw3LDEyLDdzMTItMy4wOCwxMi03YzAtMS44MS0xLjEzLTMuNDMtMy00LjY2djIuNTNBMy4xLDMuMSwwLDAsMSwyMiwxNGMwLDIuNzEtNC41OCw1LTEwLDVTMiwxNi43MSwyLDE0YTMuMSwzLjEsMCwwLDEsMS0yLjEzWiIvPjwvc3ZnPg==");
}

.badgeKljuka span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMsMVYxNUgxM1YxWk0xOSwxM2EyLDIsMCwwLDAtMSwzLjczVjE4aDB2LjA4aDBBMS45MiwxLjkyLDAsMCwxLDE2LDIwSDE0LjlBMS45MiwxLjkyLDAsMCwxLDEzLDE4bDAtMUgzdjJoOC4xOWEzLjksMy45LDAsMCwwLDMuNjYsM0gxNmE0LDQsMCwwLDAsNC0zLjg1aDBWMTYuNzNBMiwyLDAsMCwwLDE5LDEzWiIvPjwvc3ZnPg==");
}

.badgeLicense span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEsNVYxOUgyM1Y1Wk0xMyw5LjVoNHYxSDEzWk00LDE1YzAtMS4xLDEuMzQtMiwzLTJhMiwyLDAsMSwxLDItMiwyLDIsMCwwLDEtMiwyYzEuNjYsMCwzLC45LDMsMlptMTYtLjVIMTN2LTFoN1ptMC0ySDEzdi0xaDdaIi8+PC9zdmc+");
}

.badgeVikend span::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYsMnYyaC0zdjE4aDE4VjRoLTN2LTJoLTJ2MmgtOHYtMmgtMlpNNSw5aDE0djExSDV2LTExWk0xNC44LDExLjNsLTMuMywzLjMtMS44LTEuOC0xLjQsMS40LDMuMiwzLjIsNC43LTQuNy0xLjQtMS40WiIvPjwvc3ZnPg==");
}

.badgeVikend span::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYsMnYyaC0zdjE4aDE4VjRoLTN2LTJoLTJ2MmgtOHYtMmgtMlpNNSw5aDE0djExSDV2LTExWk0xNC44LDExLjNsLTMuMywzLjMtMS44LTEuOC0xLjQsMS40LDMuMiwzLjIsNC43LTQuNy0xLjQtMS40WiIvPjwvc3ZnPg==");
}

.badgeSpeed span::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPiAgICA8cGF0aCBkPSJNMTIsM0M1LjkzNSwzLDEsNy45MzUsMSwxNGMwLDEuOTM1LDAuNTA5LDMuODM3LDEuNDcyLDUuNTAyTDIuNzYxLDIwSDh2LTJoOHYyaDUuMjM5bDAuMjg5LTAuNDk5IEMyMi40OTEsMTcuODM2LDIzLDE1LjkzNSwyMywxNEMyMyw3LjkzNSwxOC4wNjUsMywxMiwzeiBNMTIsNWMwLjU1MiwwLDEsMC40NDgsMSwxYzAsMC41NTItMC40NDgsMS0xLDFzLTEtMC40NDgtMS0xIEMxMSw1LjQ0OCwxMS40NDgsNSwxMiw1eiBNMTYuODQzLDYuNDE0YzAuNDY2LDAuMjk3LDAuNjAyLDAuOTE1LDAuMzA1LDEuMzgxYy0wLjI5NywwLjQ2NS0wLjkxNSwwLjYwMi0xLjM4MSwwLjMwNSBjLTAuNDY2LTAuMjk3LTAuNjAyLTAuOTE2LTAuMzA1LTEuMzgxQzE1Ljc1OSw2LjI1MywxNi4zNzcsNi4xMTcsMTYuODQzLDYuNDE0eiBNNy4wOTQsNi40NTVjMC40NjMtMC4zMDEsMS4wODItMC4xNywxLjM4MywwLjI5MyBjMC4zMDEsMC40NjMsMC4xNywxLjA4Mi0wLjI5MywxLjM4M2MtMC40NjMsMC4zMDEtMS4wODIsMC4xNy0xLjM4My0wLjI5M0M2LjQ5OSw3LjM3NSw2LjYzMSw2Ljc1Niw3LjA5NCw2LjQ1NXogTTQuMTQ1LDkuNjA4IGMwLjI3LTAuNDgyLDAuODc5LTAuNjU0LDEuMzYxLTAuMzg1YzAuNDgyLDAuMjcsMC42NTQsMC44NzksMC4zODUsMS4zNjFjLTAuMjcsMC40ODItMC44NzksMC42NTQtMS4zNjEsMC4zODUgQzQuMDQ3LDEwLjY5OSwzLjg3NSwxMC4wOSw0LjE0NSw5LjYwOHogTTQsMTVjLTAuNTUyLDAtMS0wLjQ0OC0xLTFjMC0wLjU1MiwwLjQ0OC0xLDEtMXMxLDAuNDQ4LDEsMUM1LDE0LjU1Miw0LjU1MiwxNSw0LDE1eiBNMTMuMzIzLDE1LjQ5M2wtMC4wMDEtMC4wMDJDMTIuOTY5LDE1LjgwNCwxMi41MDksMTYsMTIsMTZjLTEuMTA1LDAtMi0wLjg5NS0yLTJjMC0wLjkzMywwLjY0MS0xLjcxLDEuNTA1LTEuOTMxbC0wLjAwMS0wLjAwMyBsMC4wNTktMC4wMTVjMC4wMTUtMC4wMDMsNi45NjctMS44MDIsNi45NjctMS44MDJMMTMuMzIzLDE1LjQ5M3ogTTIwLDE1Yy0wLjU1MiwwLTEtMC40NDgtMS0xYzAtMC41NTIsMC40NDgtMSwxLTFzMSwwLjQ0OCwxLDEgQzIxLDE0LjU1MiwyMC41NTIsMTUsMjAsMTV6Ii8+PC9zdmc+");
}

.badgeLifepo4 span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gNCAyIEwgNCA0IEwgOCA0IEwgOCAyIEwgNCAyIHogTSAxNiAyIEwgMTYgNCBMIDIwIDQgTCAyMCAyIEwgMTYgMiB6IE0gMiA2IEMgMS40NDcgNiAxIDYuNDQ3IDEgNyBMIDEgMTkgQyAxIDE5LjU1MyAxLjQ0NyAyMCAyIDIwIEwgMjIgMjAgQyAyMi41NTMgMjAgMjMgMTkuNTUzIDIzIDE5IEwgMjMgNyBDIDIzIDYuNDQ3IDIyLjU1MyA2IDIyIDYgTCAyIDYgeiBNIDE1IDEwIEwgMTcgMTAgTCAxNyAxMiBMIDE5IDEyIEwgMTkgMTQgTCAxNyAxNCBMIDE3IDE2IEwgMTUgMTYgTCAxNSAxNCBMIDEzIDE0IEwgMTMgMTIgTCAxNSAxMiBMIDE1IDEwIHogTSA1IDEyIEwgMTAgMTIgTCAxMCAxNCBMIDUgMTQgTCA1IDEyIHoiLz48L3N2Zz4=");
}

.badgeTurbo span::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPiAgICA8cGF0aCBkPSJNMjAsM3YxSDEwYy00LjQxMSwwLTgsMy41ODktOCw4YzAsMi4zOSwxLjA1OSw0LjUzMywyLjcyNiw2SDN2MmgxNHYtMmgtMS43MjZDMTYuOTQxLDE2LjUzMywxOCwxNC4zOSwxOCwxMiBjMC0xLjA0Mi0wLjIwNy0yLjA0Ny0wLjU5NC0zSDIwdjFoMlYzSDIweiBNMTMsMTJjMCwxLjY1NC0xLjM0NiwzLTMsM3MtMy0xLjM0Ni0zLTNzMS4zNDYtMywzLTNTMTMsMTAuMzQ2LDEzLDEyeiIvPjwvc3ZnPg==");
}

.badgeEngine span::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPiAgICA8cGF0aCBkPSJNIDEwIDIgTCAxMCA0IEwgMTMgNCBMIDEzIDYgTCAxNSA2IEwgMTUgNCBMIDE4IDQgTCAxOCAyIEwgMTAgMiB6IE0gOS41NzgxMjUgOCBMIDcuNTg5ODQzOCAxMCBMIDQgMTAgTCA0IDE4IEwgNi42OTkyMTg4IDE4IEwgOS43MDUwNzgxIDIwIEwgMTUgMjAgTCAxNS4zMjgxMjUgMjAgTCAyMCAxNi41IEwgMjAgMTYgTCAyMCA4IEwgMTAgOCBMIDkuNTc4MTI1IDggeiBNIDIyIDkgTCAyMiAxNSBMIDI0IDE1IEwgMjQgOSBMIDIyIDkgeiBNIDEzIDEwIEwgMTMgMTMgTCAxNSAxMyBMIDEyIDE4IEwgMTIgMTUgTCAxMCAxNSBMIDEzIDEwIHogTSAwIDExIEwgMCAxNiBMIDIgMTYgTCAyIDExIEwgMCAxMSB6Ii8+PC9zdmc+");
}

.badgeGas span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gMTIgMSBDIDEyIDEgMTEuMzAwNzgxIDUuNjAxNTYzIDEwIDcgQyA5Ljg5ODQzOCA1LjM5ODQzOCA5IDQuNDA2MjUgOSA0LjQwNjI1IEMgOC4zMDA3ODEgNy4zMDQ2ODggNiA4LjY4NzUgNiAxMS4xODc1IEMgNiAxMy45ODgyODEgNy45MDYyNSAxNi4zMDA3ODEgMTAuNDA2MjUgMTcgQyAxMC4yMDcwMzEgMTYuNSAxMCAxNS44ODY3MTkgMTAgMTUuMTg3NSBDIDEwIDEyLjI4OTA2MyAxMiA5LjY4NzUgMTIgOS42ODc1IEMgMTIgOS42ODc1IDE0IDEyLjI4OTA2MyAxNCAxNS4xODc1IEMgMTQgMTUuODg2NzE5IDEzLjc5Mjk2OSAxNi41IDEzLjU5Mzc1IDE3IEMgMTYuMDkzNzUgMTYuMzAwNzgxIDE4IDEzLjk4ODI4MSAxOCAxMS4xODc1IEMgMTggOS4wODU5MzggMTcuMzA0Njg4IDcuNTg1OTM4IDE2LjQwNjI1IDYuMTg3NSBDIDE2LjQwNjI1IDYuMjg5MDYzIDE2LjAxMTcxOSA4LjY4NzUgMTQuODEyNSA5LjY4NzUgQyAxNi40MTQwNjMgNC42ODc1IDEyIDEgMTIgMSBaIE0gNyAxOCBDIDUuODk4NDM4IDE4IDUgMTguODk4NDM4IDUgMjAgTCA1IDIyIEwgMTkgMjIgTCAxOSAyMCBDIDE5IDE4Ljg5ODQzOCAxOC4xMDE1NjMgMTggMTcgMTggTCAxNyAyMCBMIDE1IDIwIEwgMTUgMTggTCAxMyAxOCBMIDEzIDIwIEwgMTEgMjAgTCAxMSAxOCBMIDkgMTggTCA5IDIwIEwgNyAyMCBaIi8+PC9zdmc+");
}

.badgeDuo span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gNyAyIEwgNyAzIEwgNyA3IEwgNi45NzA3MDMxIDcgQyA2LjE1NTcwMzEgNy40OTMgNSA4LjYxIDUgMTEgTCA1IDE5IEMgNSAyMC42NTQgNi4zNDYgMjIgOCAyMiBMIDE2IDIyIEMgMTcuNjU0IDIyIDE5IDIwLjY1NCAxOSAxOSBMIDE5IDExIEMgMTkgOC42NiAxNy44MDQ4NTkgNy41MDggMTcuMDA1ODU5IDcgTCAxNyA3IEwgMTcgMiBMIDcgMiB6IE0gOSA0IEwgMTUgNCBMIDE1IDcgTCAxMyA3IEwgMTMgNSBMIDExIDUgTCAxMSA3IEwgOSA3IEwgOSA0IHogTSAxMiAxMSBDIDEyIDExIDE1IDEzIDE1IDE1LjUgQyAxNSAxNi45NjYgMTQuMDAwNjQxIDE4IDEyLjU1NjY0MSAxOCBDIDEyLjgxODY0MSAxNy44MjMgMTMgMTcuNDY0IDEzIDE3IEMgMTMgMTUuNSAxMiAxNCAxMiAxNCBDIDEyIDE0IDExIDE1LjUgMTEgMTcgQyAxMSAxNy40NjQgMTEuMTgxMzU5IDE3LjgyMyAxMS40NDMzNTkgMTggQyA5Ljk5OTM1OTQgMTggOSAxNi45NjYgOSAxNS41IEMgOSAxMyAxMiAxMSAxMiAxMSB6Ii8+PC9zdmc+");
}

.badgeShower span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gMTEgMiBMIDExIDQuMzA2NjQwNiBMIDQuMjk2ODc1IDYuODIwMzEyNSBDIDMuNTIwMTEyOSA3LjExMTgxNjEgMyA3Ljg2MjgyNjYgMyA4LjY5MzM1OTQgTCAzIDEwIEwgMjEgMTAgTCAyMSA5IEwgMjEgOC42OTMzNTk0IEMgMjEgNy44NjI4MjY2IDIwLjQ3OTg4NyA3LjExMTgxNjEgMTkuNzAzMTI1IDYuODIwMzEyNSBMIDE5LjcwMTE3MiA2LjgyMDMxMjUgTCAxMyA0LjMwNjY0MDYgTCAxMyAyIEwgMTEgMiB6IE0gMTIgMTEgQSAxIDEgMCAwIDAgMTEgMTIgQSAxIDEgMCAwIDAgMTIgMTMgQSAxIDEgMCAwIDAgMTMgMTIgQSAxIDEgMCAwIDAgMTIgMTEgeiBNIDEwIDE0IEEgMSAxIDAgMCAwIDkgMTUgQSAxIDEgMCAwIDAgMTAgMTYgQSAxIDEgMCAwIDAgMTEgMTUgQSAxIDEgMCAwIDAgMTAgMTQgeiBNIDE0IDE0IEEgMSAxIDAgMCAwIDEzIDE1IEEgMSAxIDAgMCAwIDE0IDE2IEEgMSAxIDAgMCAwIDE1IDE1IEEgMSAxIDAgMCAwIDE0IDE0IHogTSA4IDE3IEEgMSAxIDAgMCAwIDcgMTggQSAxIDEgMCAwIDAgOCAxOSBBIDEgMSAwIDAgMCA5IDE4IEEgMSAxIDAgMCAwIDggMTcgeiBNIDEyIDE3IEEgMSAxIDAgMCAwIDExIDE4IEEgMSAxIDAgMCAwIDEyIDE5IEEgMSAxIDAgMCAwIDEzIDE4IEEgMSAxIDAgMCAwIDEyIDE3IHogTSAxNiAxNyBBIDEgMSAwIDAgMCAxNSAxOCBBIDEgMSAwIDAgMCAxNiAxOSBBIDEgMSAwIDAgMCAxNyAxOCBBIDEgMSAwIDAgMCAxNiAxNyB6IE0gNiAyMCBBIDEgMSAwIDAgMCA1IDIxIEEgMSAxIDAgMCAwIDYgMjIgQSAxIDEgMCAwIDAgNyAyMSBBIDEgMSAwIDAgMCA2IDIwIHogTSAxMCAyMCBBIDEgMSAwIDAgMCA5IDIxIEEgMSAxIDAgMCAwIDEwIDIyIEEgMSAxIDAgMCAwIDExIDIxIEEgMSAxIDAgMCAwIDEwIDIwIHogTSAxNCAyMCBBIDEgMSAwIDAgMCAxMyAyMSBBIDEgMSAwIDAgMCAxNCAyMiBBIDEgMSAwIDAgMCAxNSAyMSBBIDEgMSAwIDAgMCAxNCAyMCB6IE0gMTggMjAgQSAxIDEgMCAwIDAgMTcgMjEgQSAxIDEgMCAwIDAgMTggMjIgQSAxIDEgMCAwIDAgMTkgMjEgQSAxIDEgMCAwIDAgMTggMjAgeiIvPjwvc3ZnPg==");
}

.badgeCarpet span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0xOSwwdjJoLTJWMGgtMnYyaC0yVjBoLTJ2Mkg5VjBIN3YySDVWMEgzdjJ2MXYxOHYxdjJoMnYtMmgydjJoMnYtMmgydjJoMnYtMmgydjJoMnYtMmgydjJoMnYtMnYtMVYzVjJWMEgxOXogTTcuNDk5LDE3CWwxLjUsMS41bC0xLjUsMS41TDYsMTguNUw3LjQ5OSwxN3ogTTYuMDAxLDUuNWwxLjUtMS41TDksNS41TDcuNTAxLDdMNi4wMDEsNS41eiBNNy41LDEyTDEyLDcuNWw0LjUsNC41TDEyLDE2LjVMNy41LDEyeiBNMTYuNDk5LDE3bDEuNSwxLjVsLTEuNSwxLjVMMTUsMTguNUwxNi40OTksMTd6IE0xNi41MDEsN2wtMS41LTEuNWwxLjUtMS41TDE4LDUuNUwxNi41MDEsN3oiLz48L3N2Zz4=");
}

.badgePricelist span::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlklEQVR4nO2SQQqDMBAAvVf/1kOLB1/S+lt9RhZGFiwUwSSbbA6CcwphmQlLuu7GE+ANBBI0lSsl8jEi/wAP4Pu78JQr/T43mAMZcvaX98BsClh2fqSpXGkqV2p3niKcyZ8ecmA8C6zN5A6BEJVXrigk5X+RlzEiwJQlL4iIWW6ISLE8IyLV8khE3OSH37UCi55d5ZdgAz++x7362yd3AAAAAElFTkSuQmCC');
}

.badgeAutomatic span::before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDJDNi40OSwyLDIsNi40OSwyLDEyczQuNDksMTAsMTAsMTAsMTAtNC40OSwxMC0xMFMxNy41MSwyLDEyLDJabTAsMmM0LjQzLDAsOCwzLjU3LDgsOHMtMy41Nyw4LTgsOC04LTMuNTctOC04UzcuNTcsNCwxMiw0Wm0tMyw0djhoMi40NWMuNTQsMCwxLjA0LS4wOSwxLjQ5LS4yOCwuNDUtLjE4LC44NC0uNDQsMS4xNi0uNzgsLjMyLS4zNCwuNTgtLjc0LC43NS0xLjIsLjE4LS40NywuMjctLjk5LC4yNy0xLjU2di0uMzZjMC0uNTctLjA5LTEuMDktLjI3LTEuNTZzLS40My0uODctLjc1LTEuMjEtLjcxLS41OS0xLjE1LS43OC0uOTQtLjI4LTEuNDgtLjI4aC0yLjQ2Wm0xLjY1LDEuMzRoLjgxYy42NSwwLDEuMTQsLjIxLDEuNDgsLjYzLC4zNCwuNDIsLjUxLDEuMDMsLjUxLDEuODV2LjM4YzAsLjgtLjE3LDEuNDEtLjUxLDEuODQtLjM0LC40My0uODQsLjY1LTEuNDksLjY1aC0uOHYtNS4zNFoiLz48L3N2Zz4=');
}

.badgeManual span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gNSAzIEEgMiAyIDAgMCAwIDMgNSBBIDIgMiAwIDAgMCA0IDYuNzMwNDY4OCBMIDQgMTAuODMyMDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0IDExLjE1ODIwMyBMIDQgMTUuMjcxNDg0IEEgMiAyIDAgMCAwIDMgMTcgQSAyIDIgMCAwIDAgNSAxOSBBIDIgMiAwIDAgMCA3IDE3IEEgMiAyIDAgMCAwIDYgMTUuMjY5NTMxIEwgNiAxMiBMIDExIDEyIEwgMTEgMTUuMjY5NTMxIEEgMiAyIDAgMCAwIDEwIDE3IEEgMiAyIDAgMCAwIDEyIDE5IEEgMiAyIDAgMCAwIDE0IDE3IEEgMiAyIDAgMCAwIDEzIDE1LjI3MTQ4NCBMIDEzIDEyIEwgMTggMTIgTCAxOCAxNy4yNzE0ODQgQSAyIDIgMCAwIDAgMTcgMTkgQSAyIDIgMCAwIDAgMTkgMjEgQSAyIDIgMCAwIDAgMjEgMTkgQSAyIDIgMCAwIDAgMjAgMTcuMjY5NTMxIEwgMjAgMTEuMTY3OTY5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMCAxMC44NDE3OTcgTCAyMCA2LjcyODUxNTYgQSAyIDIgMCAwIDAgMjEgNSBBIDIgMiAwIDAgMCAxOSAzIEEgMiAyIDAgMCAwIDE3IDUgQSAyIDIgMCAwIDAgMTggNi43MzA0Njg4IEwgMTggMTAgTCAxMyAxMCBMIDEzIDYuNzI4NTE1NiBBIDIgMiAwIDAgMCAxNCA1IEEgMiAyIDAgMCAwIDEyIDMgQSAyIDIgMCAwIDAgMTAgNSBBIDIgMiAwIDAgMCAxMSA2LjczMDQ2ODggTCAxMSAxMCBMIDYgMTAgTCA2IDYuNzI4NTE1NiBBIDIgMiAwIDAgMCA3IDUgQSAyIDIgMCAwIDAgNSAzIHoiLz48L3N2Zz4=");
}

.badgeRoofrack span::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDggMiBDIDYuMzU0NTQ1NSAyIDUgMy4zNTQ1NDU1IDUgNSBMIDUgMjIgTCA3IDIyIEwgNyA1IEMgNyA0LjQ0NTQ1NDUgNy40NDU0NTQ1IDQgOCA0IEwgOSA0IEwgOSAyIEwgOCAyIHogTSAyMCAyIEMgMTguMzU0NTQ1IDIgMTcgMy4zNTQ1NDU1IDE3IDUgTCAxNyA2IEwgOCA2IEwgOCA4IEwgMTcgOCBMIDE3IDEwIEwgOCAxMCBMIDggMTIgTCAxNyAxMiBMIDE3IDE0IEwgOCAxNCBMIDggMTYgTCAxNyAxNiBMIDE3IDE4IEwgOCAxOCBMIDggMjAgTCAxNyAyMCBMIDE3IDIyIEwgMTkgMjIgTCAxOSA1IEMgMTkgNC40NDU0NTQ1IDE5LjQ0NTQ1NSA0IDIwIDQgTCAyMSA0IEwgMjEgMiBMIDIwIDIgeiI+PC9wYXRoPjwvc3ZnPg==');
}

.badgeIsofix span::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggZD0iTSAxMiAyIEEgMyAzIDAgMCAwIDkgNSBBIDMgMyAwIDAgMCAxMiA4IEEgMyAzIDAgMCAwIDE1IDUgQSAzIDMgMCAwIDAgMTIgMiB6IE0gMTIgOSBDIDYuODIgOSA0LjI0MDYyNSAxMy4zMSA0LjE0MDYyNSAxMy41IEwgNS44NTkzNzUgMTQuNTA5NzY2IEMgNS45MDkzNzUgMTQuNDE5NzY2IDYuNjIgMTMuMjQ5MDYyIDggMTIuMjg5MDYyIEwgOCAxNC43MTA5MzggQyA3LjA2IDE1LjI2MDkzOCA2LjAzMDIzNDQgMTYuMTY5Mjk3IDUuOTkwMjM0NCAxNy41MjkyOTcgQyA1LjkzMDIzNDQgMTkuNTc5Mjk3IDguMTQwNjI1IDIyLjMzMDg1OSA4LjM5MDYyNSAyMi42MzA4NTkgTCA5LjkzOTQ1MzEgMjEuMzY5MTQxIEMgOS4xMDk0NTMxIDIwLjM1OTE0MSA3Ljk2MDIzNDQgMTguNTI5ODQ0IDcuOTkwMjM0NCAxNy41ODk4NDQgQyA4LjAwMDIzNDQgMTcuMzQ5ODQ0IDguMTQ5MTQwNiAxNy4xMjAzOTEgOC4zNjkxNDA2IDE2LjkwMDM5MSBDIDguODU5MTQwNiAxNy42NTAzOTEgMTAuMDIgMTkgMTIgMTkgQyAxMy45OCAxOSAxNS4xNDA4NTkgMTcuNjUwMzkxIDE1LjYzMDg1OSAxNi45MDAzOTEgQyAxNS44NTA4NTkgMTcuMTEwMzkxIDE2IDE3LjM0MDA3OCAxNiAxNy41ODAwNzggQyAxNiAxOC41ODAwNzggMTQuODEwMzEzIDIwLjM4OTI5NyAxNC4wNzAzMTIgMjEuMjc5Mjk3IEwgMTUuNTk5NjA5IDIyLjU2MDU0NyBDIDE1Ljg0OTYwOSAyMi4yNzA1NDcgMTggMTkuNjMwMDc4IDE4IDE3LjU4MDA3OCBDIDE4IDE2LjE4MDA3OCAxNi45NiAxNS4yNjA5MzggMTYgMTQuNzEwOTM4IEwgMTYgMTIuMjg5MDYyIEMgMTcuMzggMTMuMjQ5MDYyIDE4LjA5MDYyNSAxNC40MiAxOC4xNDA2MjUgMTQuNSBMIDE5Ljg1OTM3NSAxMy41IEMgMTkuNzU5Mzc1IDEzLjMxIDE3LjE4IDkgMTIgOSB6Ij48L3BhdGg+PC9zdmc+');
}

.vehicleBadge.badgeLeto {
    background-color: rgba(216,0,0,1.00);
    color: rgba(255,255,255,1.00);
    font-weight: 600;
}

.vehicleBadge.badgeLeto span::before {
    display: none;
}

.vehicleBoxBtn {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    margin-top: 20px;
}

.vehicleBoxOfferTag {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 240px;
    aspect-ratio: 800 / 160;
    margin-right: 20px;
    background-image: url(/img/fmjp-2026-badge.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    container-type: inline-size;
}

.vehicleBoxOfferTagPercent {
    color: #fedb6c;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: clamp(10px, 11cqw, 50px);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    padding-right: 8%;
}

.vehicleBoxOfferTagContent {
    display: block;
    width: 400px;
    height: auto;
    margin: -20px auto 40px;
}

/* Twice the size of the default vehicleBoxOfferTag, used as a standalone
   badge above the pricelist table on individual vehicle pages. */
.vehicleBoxOfferTag.vehicleBoxOfferTagLarge {
    width: 480px;
    max-width: 100%;
    margin: 0 auto 20px;
}

.vehicleBoxPrice {
    display: flex;
    flex-flow: row;
    margin-right: 20px;
    align-items: center;
}

.vehicleBoxPrice > span {
    font-family: 'Saira Semi Condensed', sans-serif;
    margin: 0 5px;
    color: rgba(216, 0, 0, 1.00);
    font-weight: 600;
    font-size: 2.2rem;
}

.vehicleBoxPrice span > span {
    font-size: 1.6rem;
}

.btnRed {
    display: flex;
    height: 46px;
    color: #FFF;
    background-color: rgba(216, 0, 0, 1.00);
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 600;
    line-height: 1em;
    border-radius: 6px;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btnRedOutline {
    display: flex;
    height: 46px;
    color: rgba(216, 0, 0, 1.00);
    border: 2px solid rgba(216, 0, 0, 1.00);
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 600;
    line-height: 1em;
    border-radius: 6px;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btnLarge {
    height: 60px;
    font-size: 2rem;
}

.headerContactBtn:hover {
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
}

@media (hover: hover) {
    .btnRed:hover,
    .btnRedOutline:hover {
        transform: scale(1.05);
        cursor: pointer;
        text-decoration: none;
        color: #FFF;
    }
    .btnRedOutline:hover {
        color: rgba(216, 0, 0, 1.00);
    }
}

@media (hover: none) {
    .btnRed:active,
    .btnRedOutline:active {
        text-decoration: none;
        background-color: rgba(170, 0, 0, 1.00);
        color: rgba(255,255,255,1.00);
    }
}

.vehicleProperties {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 30px;
}

img + .vehicleProperties {
    margin-top: 30px;
}

.vehicleProperty {
    display: flex;
    flex-flow: column;
}

.vehicleProperty > div {
    content: '';
    display: block;
    float: left;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.10);
    background-size: 56px 56px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.vehicleProperty .propertyOsebe {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPiAgICA8cGF0aCBkPSJNIDEyIDMgQSA0IDQgMCAwIDAgOCA3IEEgNCA0IDAgMCAwIDEyIDExIEEgNCA0IDAgMCAwIDE2IDcgQSA0IDQgMCAwIDAgMTIgMyB6IE0gMyA2LjU4MDA3ODEgTCAzIDkuNDE5OTIxOSBMIDguMTQwNjI1IDE0LjU1MDc4MSBMIDE0LjU4OTg0NCAyMSBMIDIxIDIxIEwgMjEgMTguNSBDIDIxIDE1LjU1IDE1LjE0IDE0IDEyIDE0IEMgMTEuNTUgMTQgMTEuMDQ5NzY2IDE0LjAzOTYwOSAxMC41MDk3NjYgMTQuMDk5NjA5IEwgMyA2LjU4MDA3ODEgeiBNIDYuMDI5Mjk2OSAxNS4yNzkyOTcgQyA0LjMwOTI5NjkgMTYuMDE5Mjk3IDMgMTcuMSAzIDE4LjUgTCAzIDIxIEwgMTEuNzUgMjEgTCA2LjAyOTI5NjkgMTUuMjc5Mjk3IHoiLz48L3N2Zz4=");
}

.vehicleProperty .propertyPostelja {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0gMTggMiBMIDE4IDMgTCAxOS41ODM5ODQgMyBMIDE4IDUuMjk0OTIxOSBMIDE4IDYgTCAyMSA2IEwgMjEgNSBMIDE5LjQxOTkyMiA1IEwgMjEgMi43MTA5Mzc1IEwgMjEgMiBMIDE4IDIgeiBNIDE0IDQgTCAxNCA1IEwgMTUuNTgzOTg0IDUgTCAxNCA3LjI5NDkyMTkgTCAxNCA4IEwgMTcgOCBMIDE3IDcgTCAxNS40MTk5MjIgNyBMIDE3IDQuNzEwOTM3NSBMIDE3IDQgTCAxNCA0IHogTSAyIDUgTCAyIDIxIEwgNCAyMSBMIDQgMTkgTCAyMCAxOSBMIDIwIDIxIEwgMjIgMjEgTCAyMiAxMCBMIDEwIDEwIEwgMTAgMTMgTCA3IDEzIEwgNCAxMyBMIDQgNSBMIDIgNSB6IE0gNyAxMyBBIDIgMiAwIDAgMCA5IDExIEEgMiAyIDAgMCAwIDcgOSBBIDIgMiAwIDAgMCA1IDExIEEgMiAyIDAgMCAwIDcgMTMgeiIvPjwvc3ZnPg==");
}

.vehicleProperty .propertyDolzina {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggaWQ9IlBhdGhfMTY3OSIgZGF0YS1uYW1lPSJQYXRoIDE2NzkiIGQ9Ik00LjUsM1Y3LjVIOS43NVY5SDQuNXY0LjVoLjc5YTIuNjEsMi42MSwwLDAsMCw1LjE3LDBoMy4wOGEyLjYxLDIuNjEsMCwwLDAsNS4xNywwaDEuNTRWMTBhMi4yMiwyLjIyLDAsMCwwLS4zNC0xLjE4TDE4LjM5LDYuMzIsMTguMTUsNmguNlYzWm04LjI1LDMuNzVoMy43MmEuNzYuNzYsMCwwLDEsLjY0LjM2bDEuNTMsMi40N2EuOC44LDAsMCwxLC4xMS40djJoLS4yNmEyLjYxLDIuNjEsMCwwLDAtNC43MywwaC0xWk03Ljg4LDEyYTEuMTMsMS4xMywwLDEsMS0xLjEzLDEuMTJBMS4xMiwxLjEyLDAsMCwxLDcuODgsMTJabTguMjQsMEExLjEzLDEuMTMsMCwxLDEsMTUsMTMuMTIsMS4xMiwxLjEyLDAsMCwxLDE2LjEyLDEyWiIvPjxwYXRoIGlkPSJQYXRoXzE2ODAiIGRhdGEtbmFtZT0iUGF0aCAxNjgwIiBkPSJNNi43NSwxNy4yNSw0LjUsMTkuNWwyLjI1LDIuMjV2LTEuNUgxOHYxLjVsMi4yNS0yLjI1TDE4LDE3LjI1djEuNUg2Ljc1WiIvPjwvc3ZnPg==");
}

.vehicleProperty .propertySirina {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggaWQ9IlBhdGhfMTY4MyIgZGF0YS1uYW1lPSJQYXRoIDE2ODMiIGQ9Ik03Ljg4LDE3LjI1LDUuNjMsMTkuNWwyLjI1LDIuMjV2LTEuNWg4LjI1djEuNWwyLjI1LTIuMjUtMi4yNS0yLjI1djEuNUg3Ljg4WiIvPjxwYXRoIGlkPSJQYXRoXzE2ODQiIGRhdGEtbmFtZT0iUGF0aCAxNjg0IiBkPSJNMTkuNDcsOS4wOGwtMS4xNC4yOEwxNy43OCw2aC42VjNINS42M1Y2aC43NmwtLjcsMy4zN0w0LjUzLDkuMDhsLS4zNiwxLjQ2LDEuNDYuMzZ2NC44NUg3Ljg4bDAtMi4yNWg4LjI2bDAsMi4yNWgyLjI1VjEwLjlsMS40NS0uMzZabS0yLjY4LjY3SDcuMjJsLS4wOCwwTDgsNmg4LjI3bC42NCwzLjczWiIvPjwvc3ZnPg==");
}

.vehicleProperty .propertyVisina {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggaWQ9IlBhdGhfMTY4MSIgZGF0YS1uYW1lPSJQYXRoIDE2ODEiIGQ9Ik03LjUsNnY0LjVoNS4yNVYxMkg3LjV2NC41aC43OWEyLjYxLDIuNjEsMCwwLDAsNS4xNywwaDMuMDhhMi42MSwyLjYxLDAsMCwwLDUuMTcsMGgxLjU0VjEzYTIuMjIsMi4yMiwwLDAsMC0uMzQtMS4xOEwyMS4zOSw5LjMyLDIxLjE1LDloLjZWNlptOC4yNSwzLjc1aDMuNzJhLjc2Ljc2LDAsMCwxLC42NC4zNmwxLjUzLDIuNDdhLjguOCwwLDAsMSwuMTEuNHYyaC0uMjZhMi42MSwyLjYxLDAsMCwwLTQuNzMsMGgtMVpNMTAuODgsMTVhMS4xMywxLjEzLDAsMSwxLTEuMTMsMS4xMkExLjEyLDEuMTIsMCwwLDEsMTAuODgsMTVabTguMjQsMEExLjEzLDEuMTMsMCwxLDEsMTgsMTYuMTIsMS4xMiwxLjEyLDAsMCwxLDE5LjEyLDE1WiIvPjxwYXRoIGlkPSJQYXRoXzE2ODIiIGRhdGEtbmFtZT0iUGF0aCAxNjgyIiBkPSJNNiw4LjI1LDMuNzUsNiwxLjUsOC4yNUgzVjE2LjVIMS41bDIuMjUsMi4yNUw2LDE2LjVINC41VjguMjVaIi8+PC9zdmc+");
}

.vehicleProperty .propertyDolzina2 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggaWQ9IlBhdGhfMTY4MCIgZD0ibTYuNzUsMTcuMjVsLTIuMjUsMi4yNSwyLjI1LDIuMjV2LTEuNWgxMS4yNXYxLjVsMi4yNS0yLjI1LTIuMjUtMi4yNXYxLjVINi43NXYtMS41WiIvPjxwYXRoIGQ9Im0xOC43MywxMS45OGwtMS41MS02Ljc2Yy0uMjktMS4zLTEuNDQtMi4yMi0yLjc3LTIuMjJINC41djEwLjVoMi43OWMuMiwxLjQzLDEuNTIsMi40MiwyLjk1LDIuMjIsMS4xNi0uMTYsMi4wNi0xLjA3LDIuMjItMi4yMmg3Ljc5di0xLjUyaC0xLjUyWm0tOC44NSwyLjI4Yy0uNjIsMC0xLjEzLS41MS0xLjEzLTEuMTMsMCwwLDAsMCwwLDAsMC0uNjIuNS0xLjEyLDEuMTItMS4xMiwwLDAsMCwwLC4wMSwwLC42MiwwLDEuMTMuNTEsMS4xMywxLjEzLDAsLjYyLS41MSwxLjEzLTEuMTMsMS4xM1ptMS4xMy00LjY4aC00Ljk5di0yLjgzaDQuOTl2Mi44M1ptNC4yLDIuNGgtMi44M3YtNS4yM2gyLjgzdjUuMjNaIi8+PC9zdmc+");
}

.vehicleProperty .propertySirina2 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggaWQ9IlBhdGhfMTY4MyIgZD0ibTcuODgsMTcuMjVsLTIuMjUsMi4yNSwyLjI1LDIuMjV2LTEuNWg4LjI1djEuNWwyLjI1LTIuMjUtMi4yNS0yLjI1djEuNUg3Ljg4di0xLjVaIi8+PHBhdGggZD0ibTUuNjMsM3YxMi43NWgyLjI1di0yLjI1aDguMjZ2Mi4yNWgyLjI0VjNINS42M1ptMTAuNTEsNi43NUg3Ljg4di0zLjc1aDguMjZ2My43NVoiLz48L3N2Zz4=");
}

.vehicleProperty .propertyVisina2 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0ibTIxLjczLDE0Ljk4bC0xLjUxLTYuNzZjLS4yOS0xLjMtMS40NC0yLjIyLTIuNzctMi4yMkg3LjV2MTAuNWgyLjc5Yy4yLDEuNDMsMS41MiwyLjQyLDIuOTUsMi4yMiwxLjE2LS4xNiwyLjA2LTEuMDcsMi4yMi0yLjIyaDcuNzl2LTEuNTJoLTEuNTJabS04Ljg1LDIuMjhjLS42MiwwLTEuMTMtLjUxLTEuMTMtMS4xMywwLDAsMCwwLDAsMCwwLS42Mi41LTEuMTIsMS4xMi0xLjEyLDAsMCwwLDAsLjAxLDAsLjYyLDAsMS4xMy41MSwxLjEzLDEuMTMsMCwuNjItLjUxLDEuMTMtMS4xMywxLjEzWm0xLjEzLTQuNjhoLTQuOTl2LTIuODNoNC45OXYyLjgzWm00LjIsMi40aC0yLjgzdi01LjIzaDIuODN2NS4yM1oiLz48cGF0aCBpZD0iUGF0aF8xNjgyIiBkPSJtNiw4LjI1bC0yLjI1LTIuMjUtMi4yNSwyLjI1aDEuNXY4LjI1aC0xLjVsMi4yNSwyLjI1LDIuMjUtMi4yNWgtMS41di04LjI1aDEuNVoiLz48L3N2Zz4=");
}

.vehicleProperty span {
    padding-top: 8px;
    font-size: 2.4rem;
}

.vehicleInterior {
    display: block;
    width: 100%;
    height: auto;
}

@media (hover: hover) {
    .vehicleBoxImg:hover img {
        transform: scale(1.05);
        cursor: pointer;
    }
}

@media only screen and (max-width : 1023px) {
    .vehicleBoxImg {
        width: 45%;
    }

    .vehicleBoxDescription {
        width: 55%;
    }

	.vehicleBoxDescription p span {
		display: none!important;
	}
	
    .vehicleBoxBtn {
        flex-flow: column;
    }

    .vehicleBoxPrice {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .vehicleBadge span::before {
        height: 24px;
        width: 24px;
    }

    .btnRed, .btnRedOutline {
        height: 44px;
    }

    .btnLarge {
        height: 52px;
    }

    .vehicleBoxOfferTag {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .vehicleBoxDescription h3 {
        font-size: 2.6rem;
        line-height: 1.1em;
    }
}

@media only screen and (max-width : 767px) {
	
    .vehicleBoxInner {
        flex-flow: column;
    }

    .vehicleBoxInner {
        padding: 10px;
    }

    .vehicleBoxImg,
    .vehicleBoxDescription {
        width: 100%;
    }

    .vehicleBoxImg {
        align-items: flex-start;
    }

    .vehicleBoxDescription {
        padding: 20px 0 0;
    }

    .vehicleBoxDescription p {
        font-size: 1.6rem;
        line-height: 1.2em;
    }

    .vehicleBoxBtn {
        margin-top: 0;
    }
	
    #home .vehicleBoxBadges,
    .adom .vehicleBoxContainer .vehicleBoxBadges,
    .availability .vehicleBoxBadges {
        display: none;
    }

    .vehicleBoxDescription h3 {
        margin: 12px 0;
    }

    .vehicleProperties {
        padding: 0 10px;
        max-width: 500px;
    }

    .vehicleProperty > div {
        width: 54px;
        height: 54px;
        background-size: 32px 32px;
    }

    .vehicleProperty span {
        font-size: 1.8rem;
    }
	
}

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

	.btnRed, .btnRedOutline {
		padding: 0;
		line-height: 1em;
	}
	
}

/* COMPACT VEHICLE GRID
----------------------------------------------------------------*/

.compactVehicleGrid {
    display: flex;
    flex-flow: row wrap;
}

.compactVehicleGrid.contentInner {
	padding: 0 10px;
}

.compactVehicleBoxContainer {
    display: flex;
    width: 33.33%;
    padding: 10px;
}

.compactVehicleBoxInner {
    display: flex;
    flex-flow: column;
    width: 100%;
    border: 1px solid rgba(178, 178, 178, 1.00);
    padding: 10px;
    border-radius: 6px;
}

.compactVehicleBoxImg {
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden;
    align-items: flex-start;
}

.compactVehicleBoxImg img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.compactVehicleBoxImg:hover img {
    transform: scale(1.05);
    cursor: pointer;
}

.compactVehicleBoxContainer .vehiclePlate {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    margin: 0;
}

.compactVehicleBoxContainer .vehicle360 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 140px;
    height: 80px;
    margin-left: 50%;
    background-image: url("/img/360.svg");
    background-size: cover;
    border-radius: 50%;
    transform: translate(-50%, -100%);
    margin-top: 50%;
    opacity: .65;
}

.compactVehicleBoxContainer .vehicleBadges {
    transform: scale(0.8);
    margin: -14px -6px 0 0;
}

.compactVehicleBoxContainer .vehicleBoxDescription {
    width: 100%;
    padding: 0;
    font-size: 1.8rem;
    display: flex;
    flex-grow: 1;
    text-align: center;
}

.compactVehicleBoxContainer .vehicleBoxDescription h3 {
    font-size: 2rem;
    line-height: 1.3em;
    margin: 10px 0;
}

.compactVehicleBoxContainer .vehicleBoxDescription span {
    font-size: 1.4rem;
    color: #999;
    font-weight: 600;
}

.compactVehicleBoxContainer .vehicleBoxBtn {
    margin-top: 0;
}

.compactVehicleBoxContainer .vehicleBoxBtn .btnRed {
    height: 48px;
    width: 100%;
    white-space: nowrap;
    padding: 0 20px;
}

@media only screen and (max-width : 767px) {
    .compactVehicleBoxContainer {
        display: flex;
        width: 50%;
    }
}

@media only screen and (max-width : 460px) {
    .compactVehicleBoxContainer {
        width: 100%;
    }

    .compactVehicleBoxContainer {
        padding: 5px;
    }

    .contentInner.compactVehicleGrid {
        padding: 0 5px;
    }
}

/* GALLERY
----------------------------------------------------------------*/

.galleryRow {
    display: flex;
    padding: 0 10px;
    flex-flow: row;
}

.galleryRowItem {
    display: flex;
    padding: 10px;
}

.galleryRow a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 6px;
}

.galleryRow a img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.galleryRow a:hover img {
    transform: scale(1.1);
    cursor: pointer;
}

.adomGallery {
    display: block;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .galleryRow {
        flex-flow: row wrap;
    }

    .galleryRowItem {
        width: 50%;
        padding: 0;
    }

    .galleryRow > .galleryRowItem:nth-of-type(1) {
        padding: 0 5px 5px 0;
    }

    .galleryRow > .galleryRowItem:nth-of-type(2) {
        padding: 0 0 5px 5px;
    }

    .galleryRow > .galleryRowItem:nth-of-type(3) {
        padding: 5px 5px 0 0;
    }

    .galleryRow > .galleryRowItem:nth-of-type(4) {
        padding: 5px 0 0 5px;
    }

    .contentInner.adomGalleryContainer {
        padding: 0;
    }
}

/* KNOWLEDGEBASE
----------------------------------------------------------------*/

.contentContainer.knowledgeGrid {
    margin-top: 60px;
}
.contentContainer.knowledgeGrid .contentInner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.buttonItemBox {
    display: flex;
    width: 100%;
}
a.buttonItemFrame {
    display: flex;
    width: 100%;
    flex-flow: column;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 40px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 6px;
}
@media (hover: hover) {
    a.buttonItemFrame:hover {
        text-decoration: none;
        color: rgba(216, 0, 0, 1.00);
        background-color: rgba(0, 0, 0, 0.05);
    }
}
.buttonItemIcon {
    display: block;
    width: 64px;
    height: 64px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojY2VkM2RkO30uY2xzLTN7ZmlsbDojZDgwMDAwO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNC4xNywzOTMuNjJsNzguNTEsNzguMjhoLjEzbDIzNy4zNiwuMTItNzYuMjktODkuMDloNTYuMDJ2LTkwLjIxaDQ1Ljk1VjEwSDM0LjE3VjM5My42MloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMTIuNjksNDcxLjkxbC4xMywuMTN2LTc4LjQxSDM0LjE4bDc4LjUxLDc4LjI4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTQyMy44MSwzODIuOTR2LTkwLjIyaC05My45djkwLjIyaC01Ni4wMmwxMDEuOTcsMTE5LjA2LDEwMS45Ny0xMTkuMDZoLTU0LjAyWiIvPjxnPjxwYXRoIGQ9Ik0zMDMuODcsMTAyLjY1YzUuNTIsMCwxMC00LjQ4LDEwLTEwcy00LjQ4LTEwLTEwLTEwaC0yOC42NWMtNS41MiwwLTEwLDQuNDgtMTAsMTB2NzAuNjhjMCw1LjUyLDQuNDgsMTAsMTAsMTBzMTAtNC40OCwxMC0xMHYtMjYuMDFoMTYuMzdjNS41MiwwLDEwLTQuNDgsMTAtMTBzLTQuNDgtMTAtMTAtMTBoLTE2LjM3di0xNC42N2gxOC42NVoiLz48cGF0aCBkPSJNMTgwLjQzLDE2MC43NWMwLDUuODYsNC4wMSwxMS4xMiwxMC4xOCwxMS4xMiwuNTksMCwxNC41Ni0uMDYsMjAuMTQtLjE1LDIxLjUzLS4zOCwzNy4xNi0xOS4wNSwzNy4xNi00NC40LDAtMjYuNjUtMTUuMjMtNDQuNTUtMzcuOS00NC41NWgtMTkuNTdjLTUuNSwwLTEwLDQuNi0xMCwxMC4wN3Y2Ny45Wm0yOS41Ny01Ny45OGM0LjIsMCwxNy45LDEuNzcsMTcuOSwyNC41NSwwLDE2LjY0LTguNzksMjQuMjUtMTcuNTEsMjQuNC0yLjI5LC4wNC02LjE1LC4wNy05Ljg2LC4xLS4wMi04LjA3LS4wNy00MC42NC0uMDktNDkuMDVoOS41NVoiLz48cGF0aCBkPSJNMTE0LjE1LDE3Mi40YzUuNTIsMCwxMC00LjQ4LDEwLTEwdi0yMC45OGMzLjY4LS4wMiw3LjUyLS4wMyw5LjgzLS4wMywxNi44MSwwLDMwLjQ5LTEzLjUsMzAuNDktMzAuMDlzLTEzLjY4LTMwLjA5LTMwLjQ5LTMwLjA5aC0xOS44M2MtNS40NCwwLTEwLDQuNTYtMTAsMTB2NzEuMmMwLDUuNTIsNC40OCwxMCwxMCwxMFptMTkuODMtNzEuMmM1LjY4LDAsMTAuNDksNC42MiwxMC40OSwxMC4wOXMtNC44LDEwLjA5LTEwLjQ5LDEwLjA5Yy0yLjI5LDAtNi4wOSwuMDItOS43NCwuMDMtLjAyLTMuNzktLjA0LTE2LjI0LS4wNi0yMC4yMmg5LjhaIi8+PHBhdGggZD0iTTQ4Ni45MSwzNzguNzZjLTEuNjMtMy41NS01LjE4LTUuODItOS4wOC01LjgyaC00NC4wMnYtODAuMjJjMC01LjUyLTQuNDgtMTAtMTAtMTBoLTM3Ljk2VjEwQzM4NS44NSw0LjQ4LDM4MS4zOCwwLDM3NS44NSwwSDM0LjE3QzI4LjY1LDAsMjQuMTcsNC40OCwyNC4xNywxMFYxNjMuN2MwLDUuNTIsNC40OCwxMCwxMCwxMHMxMC00LjQ4LDEwLTEwVjIwSDM2NS44NVYyODIuNzJoLTM1Ljk1Yy01LjUyLDAtMTAsNC40OC0xMCwxMHY4MC4yMWgtNDYuMDJjLTguMzUsMC0xMy4wNSwxMC4xNC03LjU5LDE2LjUxbDYyLjE0LDcyLjU3LTIwNS42Mi0uMTF2LTY4LjI4YzAtNS41Mi00LjQ4LTEwLTEwLTEwSDQ0LjE3VjI1MS44MWMwLTUuNTItNC40OC0xMC0xMC0xMHMtMTAsNC40OC0xMCwxMHYxNDEuODJjMCwyLjYyLDEuMDksNS4yMywyLjk0LDcuMDlsNzguNTEsNzguMjhjMi4zMSwyLjMxLDUuNTIsMy40Myw4Ljc2LDIuOTFsMjMxLjIsLjEyLDIyLjY4LDI2LjQ4YzEuOSwyLjIyLDQuNjcsMy40OSw3LjYsMy40OXM1LjctMS4yOCw3LjYtMy40OWwxMDEuOTctMTE5LjA2YzIuNTQtMi45NywzLjEyLTcuMTQsMS40OS0xMC42OGgwWm0tMzg0LjA5LDI0Ljg3djQ0LjMybC00MC44OC00MC43Ni0zLjU3LTMuNTZoNDQuNDVabTI3My4wNCw4M2wtODAuMjQtOTMuNjhoMzQuMjljNS41MiwwLDEwLTQuNDgsMTAtMTB2LTgwLjIyaDczLjl2ODAuMjJjMCw1LjUyLDQuNDgsMTAsMTAsMTBoMzIuMjlsLTgwLjI0LDkzLjY4WiIvPjxwYXRoIGQ9Ik0xMTQuMTUsMjM1LjU1aDE4OS43MmM1LjUyLDAsMTAtNC40OCwxMC0xMHMtNC40OC0xMC0xMC0xMEgxMTQuMTVjLTUuNTIsMC0xMCw0LjQ4LTEwLDEwczQuNDgsMTAsMTAsMTBaIi8+PHBhdGggZD0iTTE1OS40OCwyNzMuMjJjLTUuNTIsMC0xMCw0LjQ4LTEwLDEwczQuNDgsMTAsMTAsMTBoOTkuMDdjNS41MiwwLDEwLTQuNDgsMTAtMTBzLTQuNDgtMTAtMTAtMTBoLTk5LjA3WiIvPjxwYXRoIGQ9Ik0yNS44NiwyMTIuMDdjMi4zMiwzLjQ1LDYuNzIsNS4xMiwxMC43Niw0LjEzLDQuMDUtLjk5LDcuMDItNC41Miw3LjQ2LTguNjQsLjQ0LTQuMTMtMS43NS04LjE5LTUuNTEtOS45OS0zLjc2LTEuOC04LjQ0LTEuMTEtMTEuNDEsMS44NS0zLjMyLDMuMy0zLjg5LDguNzUtMS4yOSwxMi42NVoiLz48L2c+PC9zdmc+");
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 auto;
}
.buttonItemText {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 2rem;
}
@media only screen and (max-width: 1023px) {
}

@media only screen and (min-width: 768px) {
    .contentContainer.knowledgeGrid .contentInner {
        gap: 40px;
    }
    /*a.buttonItemFrame {
        flex-flow: row;
    }
    .buttonItemIcon {
        margin-right: 40px;
    }
    .buttonItemText {
        display: flex;
        flex-grow: 1;
        font-size: 2.4rem;
    }*/
}
@media only screen and (max-width: 767px) {
    .contentContainer.knowledgeGrid {
        margin-top: 40px;
    }
    .contentContainer.knowledgeGrid .contentInner {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media only screen and (max-width: 567px) {
}

/* ACCESSORIES
----------------------------------------------------------------*/

.accessories {
    display: flex;
    padding: 0 10px;
    flex-flow: row wrap;
}

.accessoriesItem {
    display: flex;
    flex-flow: column;
    width: 33.33%;
    padding: 10px;
    position: relative;
}

a.accessoriesItem {
    background-color: rgba(242, 242, 242, 1.00);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.acessoriesItemLink {
    color: rgba(0,0,0,1.00);
    display: flex;
    flex-grow: 1;
    align-items: center;
    font-size: 2.8rem;
    line-height: 1.3em;
    text-align: center;
    font-weight: 600;
    padding: 0 10px;
}

@media (hover: hover) {
	a.accessoriesItem:hover {
		background-color: rgba(150,150,150,1.00);
		text-decoration: none;
	}

	a.accessoriesItem:hover .acessoriesItemLink {
		color: rgba(255,255,255,1.00);
	}
}
.accessoriesItem img {
    display: block;
    width: 100%;
    height: auto;
    flex-basis: flex-start;
}

.accessoriesTitle {
    display: flex;
    background-color: rgba(242, 242, 242, 1.00);
    min-height: 44px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    text-align: center;
    line-height: 1em;
}

.accessoriesDescription {
    font-size: 1.8rem;
    padding: 10px;
	margin-top: 0;
}

.accessoriesDescription a {
    font-weight: 600;
    border-bottom: 1px dotted rgba(216, 0, 0, 1.00);
    line-height: 2em;
}

@media (hover: hover) {
	.contentInner p.accessoriesDescription a:hover {
		border-bottom: 1px solid rgba(216, 0, 0, 1.00);
		text-decoration: none;
	}
}

.accessoriesItemFlag {
    display: flex;
    height: 30px;
    padding: 3px 0 0 10px;
    
    flex-flow: column;
    justify-content: center;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(216, 0, 0, 1.00);
    color: #fff;
    z-index: 5;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.accessoriesItemFlag::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-left: 12px solid rgba(216,0,0,1.00);
    border-right: 12px solid transparent;
    border-top: 30px solid rgba(216,0,0,1.00);
    z-index: 1;
}

.accessories2 .accessoriesItemFlag {
    background-color: rgba(0, 0, 0, 1.00);
}

.accessories2 .accessoriesItemFlag::after {
    border-left: 12px solid #000000;
    border-top: 30px solid #000000;
}

.accessoriesDescription {
    display: block;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.3em;
}

/* DODATNA OPREMA
----------------------------------------------------------------*/

ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(242, 242, 242, 1.00);
}

ul.accordion-list li {
    position: relative;
    display: flex;
    flex-flow: row;
    width: 100%;
    padding: 0 0 24px 0;
    height: auto;
    border-bottom: 1px solid rgba(242, 242, 242, 1.00);
    transition: all 0.1s ease-in-out;
}

.accordion-group {
    display: flex;
    width: 100%;
    flex-flow: column;
    padding-top: 24px;
}

.accordion-group.foto {
    width: calc(100% - 300px);
    padding-left: 24px;
}

.accordion-image {
    display: block;
    width: 300px;
    height: auto;
    align-self: flex-start;
}

.accordion-image img {
    display: block;
    width: 100%;
    height: auto;
}

ul.accordion-list li .accordion-title {
    position: relative;
    display: flex;
    flex-flow: row;
    width: 100%;
    height: auto;
    padding-top: 24px;
    margin: 0;
    font-size: 1.8rem;
}

ul.accordion-list li .accordion-group  .accordion-title {
    padding-top: 0;
    padding-bottom: 12px;
}

ul.accordion-list li .accordion-name {
    display: flex;
    flex-flow: row;
    flex-grow: 1;
}

ul.accordion-list li .accordion-price {
    display: flex;
    flex-flow: row;
    text-align: right;
}

ul.accordion-list li .accordion-title span {
    font-size: 0.8em;
}

ul.accordion-list li .accordion-panel {
    position: relative;
    display: none;
    width: 100%;
}

ul.accordion-list li .toggle-panel {
    color: rgba(216, 0, 0, 1.00);
    align-self: flex-start;
}

ul.accordion-list li .toggle-panel::after {
    content: '';
    float: right;
    width: 12px;
    height: 12px;
    margin: 6px 0 0 6px;
     background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZDgwMDAwOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTQyKSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEuNiwxLjJMLjQsMi44bDcuNiw2LDcuNi02LTEuMi0xLjYtNi40LDVMMS42LDEuMlpNMS42LDcuMmwtMS4yLDEuNiw3LjYsNiw3LjYtNi0xLjItMS42LTYuNCw1TDEuNiw3LjJaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=') 50% 50% no-repeat;
     background-size: 100%;
}

@media (hover: hover) {
    ul.accordion-list li .toggle-panel:hover {
        cursor: pointer;
        text-decoration: 1px solid rgba(216, 0, 0, 1.00);
    }
}

ul.accordion-list li .accordion-panel p {
    position: relative;
    display: block;
    font-size: 1.8rem;
    line-height: 1.2em;
}

@media only screen and (max-width: 980px) {
    .accordion-group {
        display: flex;
        width: 100%;
        flex-flow: column;
        padding-top: 24px;
    }

    .accordion-group.foto {
        width: 100%;
        max-width: 60%;
    }

    .accordion-image {
        width: 100%;
        max-width: 40%;
    }

    .accordion-price {
        margin-top: 12px;
    }

    ul.accordion-list li .accordion-title {
        flex-flow: column;
    }

    ul.accordion-list li .accordion-price {
        text-align: left;
    }

}

@media only screen and (max-width: 767px) {
    .acessoriesItemLink {
        font-size: 2.2rem;
    }
    .accessoriesItem {
        width: 50%;
        padding: 5px;
    }

    .accessoriesItemFlag {
        top: 5px;
        left: 5px;
        font-size: 1.4rem;
    }
    .accessories {
        padding: 0 5px;
    }

}

@media only screen and (min-width: 568px) {
    ul.accordion-list li .accordion-name,
    ul.accordion-list li .accordion-price {
        font-size: 2.4rem;
    }
}

@media only screen and (max-width: 567px) {
    .accordion-group.foto, .accordion-image {
        padding-left: 0;
        max-width: 100%;
    }
    ul.accordion-list li {
        flex-flow: column;
    }
}

/* PRICELIST
----------------------------------------------------------------*/

.pricelistTable {
    display: block;
}

.pricelistTableInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: center;
}

.pricelistTableCol {
    display: flex;
    flex-flow: column;
    padding: 0 10px;
    width: 25%;
}

.pricelistTableRowTitle {
    display: flex;
    flex-flow: column;
    background-color: rgba(242, 242, 242, 1.00);
    min-height: 72px;
    justify-content: center;
}

.pricelistTableRowTitle span {
    font-size: 1.3rem;
    line-height: 1em;
}

.pricelistTableRow {
    padding: 8px 0;
    border-bottom: 2px solid rgba(242, 242, 242, 1.00);
    font-size: 1.6rem;
}

.pricelistTableRow .regular {
    font-size: 2rem;
    color: rgb(216, 0, 0);
}

.pricelistTableRow.popust {
    color: rgb(255,255,255);
    background-color: rgb(216, 0, 0);
	font-weight: 600;
    font-size: 2rem;
}
.pricelistTableRow.popust div {
    display: block;
    font-weight: 400;
    font-size: 1.6rem;
}

.pricelistTableRow .discount {
    display: inline-block;
    font-size: 2rem;
    text-decoration: line-through;
	text-decoration-thickness: 4px;
	text-decoration-color: rgba(216,0,0,0.4);
}

.weekendDiscountBadge {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 12px 4px;
	font-size: 2rem;
	line-height: 20px;
	background-color: rgba(216, 0, 0, 1.00);
	color: rgba(255,255,255,1.00);
}

.discountBadgeSmall {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 12px 4px;
    font-size: 1.3rem;
    line-height: 12px;
    background-color: rgba(216, 0, 0, 1.00);
    color: rgba(255,255,255,1.00);
}

@media only screen and (min-width : 768px) {
    .pricelistTableRow span {
        display: none;
    }
}

@media only screen and (max-width : 767px) {
    .pricelistTableInner {
        flex-flow: row wrap;
    }

    .pricelistTableCol {
        width: 100%;
        padding: 0;
    }

    .pricelistTableCol:nth-of-type(3),
    .pricelistTableCol:nth-of-type(4) {
        margin-top: 20px;
    }

    .pricelistTableCol1 {
        display: none;
    }

    .pricelistTableRow span {
        margin-right: 20px;
    }
}

/* FEATURES LIST
----------------------------------------------------------------*/

.featuresBox {
    display: flex;
    flex-flow: row;
    padding: 10px;
}

.featuresCol {
    display: flex;
    width: 50%;
    padding: 10px;
    margin-top: 10px;
}

.featuresCol.single {
    width: 100%;
}

.featuresColInner {
    display: flex;
    flex-flow: column;
    background-color: rgba(242, 242, 242, 1.00);
    padding: 30px 40px 40px;
    width: 100%;
    border-radius: 6px;
}

.featuresColInner ul {
    margin: 0;
    padding-left: 16px;
}

@media only screen and (max-width: 767px) {
    .featuresBox {
        flex-flow: column;
    }

    .featuresCol {
        width: 100%;
        padding: 0;
    }

    .featuresColInner {
        padding: 20px;
    }
}

/* SLIDER
----------------------------------------------------------------*/

#sliderContainer {
    display: block;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
}

.splide__slide img {
    width: 100%;
    height: auto;
}

.splide ul li,
.splide ol li {
    padding: 0;
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
    border-color: rgba(216, 0, 0, 1.00);
}

.splide__arrow svg {
    width: 90%;
    height: auto;
    fill: #ffffff;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.splide__arrow--prev svg {
    transform: rotate(180deg);
}

.splide__arrow--prev {
    left: 10%;
}

.splide__arrow--next {
    right: 10%;
}

.splide__arrow {
    width: 60px;
    height: 100px;
    border-radius: 0;
    background: none!important;
}

@media (hover: hover) {
    .splide__arrow.splide__arrow--next:hover svg {
        transform: scale(1.3);
    }
    .splide__arrow.splide__arrow--prev:hover svg {
        transform: scale(1.3) rotate(180deg);
    }

}

@media only screen and (min-width : 769px) and (max-width : 1300px) {
    .splide__arrow--prev {
        left: 5%;
    }

    .splide__arrow--next {
        right: 5%;
    }
}

@media only screen and (max-width : 768px) {
    .splide__arrow--prev {
        left: 3%;
    }

    .splide__arrow--next {
        right: 3%;
    }

    .splide__arrow {
        width: 40px;
    }
}

/* BIG BUTTON
----------------------------------------------------------------*/

.btnCenter {
    display: flex;
    width: 100%;
    flex-flow: row;
    justify-content: center;
    margin: 0 auto;
}

a.bigButton {
    display: flex;
    background-color: rgba(216, 0, 0, 1.00);
    height: 54px;
    color: rgba(255, 255, 255, 1.00);
    font-size: 2.4rem;
    width: 100%;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0 20px;
}

a.bigButton:hover {
    text-decoration: none;
}

@media (hover: hover) {
    a.bigButton:hover {
        background-color: rgba(170, 0, 0, 1.00);
    }
}

@media (hover: none) {
    a.bigButton:active {
        text-decoration: none;
        background-color: rgba(170, 0, 0, 1.00);
    }
}

@media only screen and (max-width : 767px) {
	a.bigButton {
		font-size: 2rem;
    	height: 44px;
	}	
}

/* FEATURED
----------------------------------------------------------------*/

.featuredGroup {
    display: flex;
    flex-flow: row;
    width: 100%;
}

.featuredItem {
    display: block;
    width: 25%;
    font-size: 2.2rem;
    line-height: 1.2em;
    color: rgba(216, 0, 0, 1.00);
    text-transform: uppercase;
    padding: 0 40px;
}

.featuredItemIcon {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    background-size: contain;
}

.featuredItem span::after {
    content: '2';
    vertical-align: super;
    font-size: 1.8rem;
}

@media only screen and (max-width : 1023px) {
    .featuredItem {
        padding: 20px;
    }

    .featuredItemIcon {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
    }
}

@media only screen and (max-width : 767px) {
    .featuredGroup {
        flex-flow: row wrap;
    }

    .featuredItem {
        display: flex;
        flex-flow: column;
        width: 50%;
        padding: 10px;
    }

    .featuredItemIcon {
        display: block;
        margin: 0 auto 20px;
        background-size: contain;
    }
}

@media only screen and (max-width : 460px) {
    .featuredItem {
        font-size: 1.8rem;
    }

    .featuredItemIcon {
        width: 60px;
        height: 60px;
    }
}

/* PAGINATION
----------------------------------------------------------------*/

#pagination {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 50px;
}

.paginationInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
    justify-content: center;
    font-weight: 600;
}

.paginationInner.split {
    justify-content: space-between;
}

#pagination .padding {
    padding: 8px 20px 0;
    color: rgba(128, 131, 134, 1.00);
}

#pagination a,
.paginationDots {
    text-decoration: none;
    min-width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    margin: 0 2px;
    padding: 0 5px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#pagination a {
    background-color: rgba(0,0,0,0.05);
}

#pagination a.paginationPrev,
#pagination a.paginationNext {
    padding: 0 20px;
}

#pagination a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

#pagination a.active {
    background-color: rgba(216,0,0,1);
    color: #fff;
}

#pagination .paginationDots {
    color: rgba(0, 0, 0, 0.30);
    letter-spacing: 3px;
}

/* ARTICLE LIST
----------------------------------------------------------------*/

.contentContainer.articleList {
    margin-top: 0;
}

.contentInner.articleListHeader {
	max-width: 1420px;
	padding: 0;
}

.contentInner.articleListHeader h1 {
	display: block;
	padding: 50px 20px 20px;
}

.articleListFilter {
	padding: 20px;
}
.articleListFilter a {
	color: rgba(216,0,0,1.00);
}

@media (hover: hover) {
	.articleListFilter a {
		text-decoration-color: rgba(0,0,0,1.00);
    }
}

.articleListBlock + .articleListBlock {
    margin-top: 40px;
}

.articleListBlock {
    display: flex;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 40px;
}

.articleListBox {
    display: flex;
    flex-flow: row;
    width: 100%;
}

a.articleListImg picture,
a.articleListImg img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.articleListContent {
    display: flex;
    flex-grow: 1;
    flex-flow: column;
    padding: 0 10px 0 20px;
    justify-content: flex-start;
}

.articleListText {
    display: flex;
    flex-flow: column;
    margin-top: 20px;
}

.articleListTitle {
    display: flex;
}

.articleListTitle a {
    color: rgba(0,0,0,1.00);
    font-weight: 600;
}

.articleListDate {
    display: flex;
    color: rgba(128, 131, 134, 1.00);
    margin-top: 10px;
}

a.linkMore span {
    position: relative;
    line-height: 1em;
    font-weight: 600;
    color: rgba(216,0,0,1.00);
}

@media (hover: hover) {
    a.articleListImg:hover img {
        transform: scale(1.05);
        cursor: pointer;
    }
}

@media only screen and (min-width : 768px) {
    a.articleListImg {
        display: flex;
        overflow: hidden;
        align-items: flex-start;
        width: 380px;
        flex: 0 0 380px;
    }

    .articleListTitle h2 {
        font-size: 2.8rem;
        line-height: 1.1em;
    }
}

@media only screen and (max-width : 767px) {
    .articleListBox {
        flex-flow: column;
    }

    .articleListContent {
        width: 100%;
        padding: 20px 0 0 0;
    }

    a.articleListImg {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .articleListTitle h2 {
        font-size: 2.2rem;
        line-height: 1.1em;
    }

    .articleList {
        margin-top: 40px;
    }
}

/* ARTICLE SHARE
----------------------------------------------------------------*/

.articleShareBox {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: center;
    padding-top: 40px;
    border-top: 1px solid rgba(0,0,0,0.10);
}

.articleShareTitle {
    display: flex;
    color: rgba(0,0,0,0.50);
    font-size: 1.6rem;
    line-height: 1em;
    white-space: nowrap;
    font-weight: 600;
    flex-flow: column;
    justify-content: center;
    padding-right: 10px;
    text-transform: uppercase;
}

.articleShare {
    display: flex;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
}

.articleShare.articleShareFb {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bTMuNDMgMTZoLTIuMjR2OGgtMy4zM3YtOGgtMS41OHYtMi44MmgxLjU4di0xLjgzYTMuMTEgMy4xMSAwIDAgMSAzLjM2LTMuMzVoMi40NnYyLjc0aC0xLjc5YS42OC42OCAwIDAgMCAtLjcuNzd2MS42NmgyLjUzeiIvPjwvc3ZnPg==');
}

.articleShare.articleShareTwitter {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bTYuMzYgMTIuNzR2LjQyYTkuMzQgOS4zNCAwIDAgMSAtMTQuMzYgNy44NCA2Ljc5IDYuNzkgMCAwIDAgLjc4IDAgNi41OCA2LjU4IDAgMCAwIDQuMDgtMS40IDMuMyAzLjMgMCAwIDEgLTMuMDctMi4yOCAzLjIyIDMuMjIgMCAwIDAgMS40OS0uMDYgMy4yOSAzLjI5IDAgMCAxIC0yLjY0LTMuMjIgMy4yOSAzLjI5IDAgMCAwIDEuNDkuNDEgMy4yOSAzLjI5IDAgMCAxIC0xLTQuMzggOS4zMiA5LjMyIDAgMCAwIDYuNzcgMy40MyAzLjA4IDMuMDggMCAwIDEgLS4wOS0uNzUgMy4yOCAzLjI4IDAgMCAxIDUuNjgtMi4yNCA2LjYyIDYuNjIgMCAwIDAgMi4wOS0uOCAzLjI5IDMuMjkgMCAwIDEgLTEuNDQgMS44MSA2LjMxIDYuMzEgMCAwIDAgMS44Ni0uNTIgNi42MyA2LjYzIDAgMCAxIC0xLjY0IDEuNzR6Ii8+PC9zdmc+');
}

.articleShare.articleSharePinterest {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bTEuNjUgMTkuNTZhMi42MiAyLjYyIDAgMCAxIC0yLjI0LTEuMTRzLS41NCAyLjEyLS42NSAyLjUyYTkuODMgOS44MyAwIDAgMSAtMS42NiAzIC4xMi4xMiAwIDAgMSAtLjIyLS4wNSAxMC41MiAxMC41MiAwIDAgMSAwLTMuNDljLjE4LS43NSAxLjE4LTUgMS4xOC01YTMuNTggMy41OCAwIDAgMSAtLjI2LTEuNGMwLTEuMzcuNzktMi4zOCAxLjc3LTIuMzhhMS4yMyAxLjIzIDAgMCAxIDEuMjQgMS4zOCAxOS40NiAxOS40NiAwIDAgMSAtLjgxIDMuMjEgMS40MiAxLjQyIDAgMCAwIDEuNDUgMS43OWMxLjc0IDAgMi45MS0yLjI0IDIuOTEtNC44OSAwLTItMS4zNS0zLjUyLTMuODItMy41MmE0LjM1IDQuMzUgMCAwIDAgLTQuNTQgNC40MSAyLjYzIDIuNjMgMCAwIDAgLjYgMS44LjQ0LjQ0IDAgMCAxIC4xMy41MmwtLjE4LjczYS4zMS4zMSAwIDAgMSAtLjQ2LjIzIDMuNTMgMy41MyAwIDAgMSAtMS44OS0zLjUxYzAtMi42MSAyLjIxLTUuNzQgNi41Ny01Ljc0YTUuNSA1LjUgMCAwIDEgNS44MiA1LjI3Yy4wMiAzLjU3LTEuOTggNi4yNi00Ljk0IDYuMjZ6Ii8+PC9zdmc+');
}

.articleShare.articleShareLinkedin {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bS00LjM3IDIzLjY1aC0zLjQzdi0xMC4zMmgzLjQzem0tMS43MS0xMS43M2ExLjc3IDEuNzcgMCAwIDEgLTEuOTItMS43OCAxLjc5IDEuNzkgMCAwIDEgMS45NC0xLjc5IDEuNzkgMS43OSAwIDEgMSAwIDMuNTd6bTE0LjA4IDExLjczaC0zLjQzdi01LjUyYzAtMS4zOS0uNS0yLjM0LTEuNzQtMi4zNGExLjg5IDEuODkgMCAwIDAgLTEuNzYgMS4yNiAyLjMyIDIuMzIgMCAwIDAgLS4xMS44M3Y1Ljc3aC0zLjQzczAtOS4zNSAwLTEwLjMyaDMuNDd2MS40NmEzLjQxIDMuNDEgMCAwIDEgMy4wOS0xLjdjMi4yNiAwIDMuOTUgMS40NyAzLjk1IDQuNjR6Ii8+PC9zdmc+');
}

.articleShare.articleShareMail {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMGExNiAxNiAwIDEgMCAxNiAxNiAxNiAxNiAwIDAgMCAtMTYtMTZ6bTkuMjEgOS42OS03LjA5IDcuMDljLTIuMTEgMi4xLTIuMTggMi4xNS00LjM2IDBsLTctN3ptLTE4LjgxLjMxIDUuNzEgNi01LjcxIDUuODN6bS4zMyAxMi4zMiA1Ljc3LTYgLjg0Ljg0YzEuMTIgMS4xNCAxLjc5IDEuODQgMi42NiAxLjg0czEuNDQtLjYzIDIuNTgtMS43N2wxLTEgNS44OCA2LjF6bTE4Ljg3LS40OC01LjcxLTUuODQgNS43MS02eiIvPjwvc3ZnPg==');
}

/* ARTICLE
----------------------------------------------------------------*/

.contentContainer.articleItem {
	margin-top: 0;
}

.contentInner.articleItemHeader {
	max-width: 1420px;
	padding: 0;
}

.contentInner.articleItemHeader h1 {
	display: block;
	padding: 50px 20px 20px;
    max-width: 740px;
    margin: 0 auto;
}

.articleItem .contentInner + .contentInner {
    margin-top: 40px;
}

.articleItemCoverImg,
.articleItemCoverImg img {
    display: block;
    width: 100%;
    height: auto;
}

.contentContainer h2.articleSubtitle {
    line-height: 1.2em;
    font-weight: 600;
}

.articleItemDate {
    font-size: 1.5rem;
    line-height: 1em;
    color: rgba(0,0,0,0.65);
}

.articleItemContent {
    font-weight: 400!important;
}

.articleItemContent strong {
    font-weight: 700!important;
}

.contentInner.articleItemContent p a,
.contentInner.articleItemContent ul a,
.contentInner.articleItemContent ol a {
    color: rgba(216,0,0,1.00);
    text-decoration: underline;
}

@media (hover: hover) {
    .contentInner.articleItemContent p a:hover,
    .contentInner.articleItemContent ul a:hover,
    .contentInner.articleItemContent ol a:hover {
        color: #000;
    }
}

.articleItemContent figure,
.articleItemContent img {
    display: block;
    width: 100%!important;
    height: auto!important;
}

.articleItemContent figure figcaption {
    font-size: 1.5rem;
    line-height: 1.2em;
    color: rgba(0,0,0,0.65);
    padding-top: 5px;
    text-align: center;
}

blockquote {
    border-left: 4px solid rgba(216,0,0,1.00);
    padding: 8px 0 8px 16px;
}

.articleItemGallery {
    display: flex;
    padding: 0;
}

.articleItemGalleryInner {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.articleGalleryItem {
    display: flex;
    width: 50%;
    padding: 20px;
}

.articleItemGallery img,
.articleItemGallery picture {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (hover: hover) {
    .articleItemGallery a:hover img {
        transform: scale(1.05);
        cursor: pointer;
    }
}

ul.fileItemList {
    list-style: none;
    padding: 0;
    font-weight: 600;
}

@media (hover: hover) {
    ul.fileItemList a:hover {
        color: #000;
    }
}

.articleItemTagList {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    justify-content: center;
}

.articleItemTagList a {
    display: flex;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    font-size: 1.5rem;
    background-color: rgba(0,0,0,0.08);
}

.articleItemTagList a:hover {
    text-decoration: none;
    background-color: rgba(0,0,0,1.00);
    color: rgba(255,255,255,1.00);
}

.nextArticleContainer {
    display: flex;
    position: relative;
    border: 1px solid rgba(0,0,0,0.10);
    padding: 30px 40px;
    justify-content: center;
    font-weight: 600;
    text-align: center;
    line-height: 1.5em;
    font-size: 2.2rem;
    margin-top: 60px;
}

.nextArticleDescription {
    position: absolute;
    margin-bottom: 5px;
    font-size: 1.6rem;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 600;
    background-color: rgb(255, 255, 255);
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
    padding: 0 10px;
    color: rgba(0,0,0,0.50);
}

.articleItemBack {
    color: rgba(216,0,0,1.00);
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
	.contentInner.articleItemHeader h1 {
		padding: 40px 20px 0px;
	}
    .articleItem {
        margin: 40px 0 0;
    }

    .articleGalleryItem {
        padding: 10px;
    }

    .articleItemGallery {
        padding: 0 10px;
    }

    .contentInner.articleItemCover {
        padding: 0;
    }
}

/* HOME ARTICLE LIST
----------------------------------------------------------------*/

.contentContainer.homeArticles {
    margin-top: 80px;
	padding: 40px 0;
}

.homeArticles {
    background-color: rgba(242, 242, 242, 1);
}

.homeArticles .articleListGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 20px;
}

.homeArticles .articleItemBox {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.homeArticles .articleItemImg {
    display: block;
    width: 100%;
	position: relative;
    overflow: hidden;
	padding-bottom: 69% !important;
    border-radius: 6px;
}
.homeArticles .articleItemImg img {
	position: absolute;
	top: -9999px;
	left: -9999px;
	right: -9999px;
	bottom: -9999px;
	text-indent: -9999px;
	margin: auto;
	width: 100%;
	height: auto;
	display: block;
	background-color: rgba(0,0,0,.05);
	transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.homeArticles .articleItemTitle {
    width: 100%;
}

@media (hover: hover) {
    .homeArticles .articleItemImg:hover img {
        transform: scale(1.05);
        cursor: pointer;
    }

    .homeArticles .articleItemTitle a:hover {
        color: rgba(216,0,0,1.00);
        text-decoration: none;
    }
}

.homeArticles .articleItemTitle h3 {
    font-size: 2rem;
    line-height: 1.2em;
    font-weight: 600;
    margin: 0;
}

.homeArticles .articleItemContent {
    margin: 20px 0 0;
    width: 100%;
}

.homeArticles .articleItemText {
    font-size: 1.8rem;
}

.homeArticles .readMore {
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 600;
    color: rgba(216,0,0,1.00);
}

.homeArticles .readMore:hover {
    text-decoration: underline;
}

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

    .contentContainer.homeArticles {
        margin-top: 40px;
    }

}

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

    .homeArticles .articleListGrid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
    }

}

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

    .homeArticles .articleListGrid {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 40px;
    }

}

/* CRUMBLINE
----------------------------------------------------------------*/

.crumblineContainer {
    display: flex;
    width: 100%;
}

.crumblineInner {
    display: flex;
    width: 100%;
    padding: 5px 0;
}

.crumblineInner ul {
    list-style: none;
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    padding: 0;
    margin: 0;
}

.crumblineInner ul li {
    color: rgba(0,0,0,0.50);
    padding: 0 5px 0 0;
    font-size: 1.4rem;
    margin: 0;
}

.crumblineInner ul li:last-of-type {
    padding: 0;
}

.crumblineInner ul li a {
    color: rgba(0,0,0,0.50);
    white-space: nowrap;
}

.crumblineInner ul li.active,
.crumblineInner ul li.active a {
    color: rgba(216,0,0,1.00);
    
}

@media (hover: hover) {
    .crumblineInner ul li a:hover {
        text-decoration: underline;
    }

    .crumblineInner ul li.active a:hover {
        text-decoration: none;
    }
}

@media (hover: none) {
    .crumblineInner ul li a:active {
        text-decoration: underline;
    }

    .crumblineInner ul li.active a:active {
        text-decoration: none;
    }
}

@media only screen and (min-width: 1024px) {
    .crumblineContainer {
        max-width: 1460px;
        padding: 0 20px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1023px) {
    .crumblineInner {
        padding: 3px 10px;
    }
}

/* TABLE
----------------------------------------------------------------*/

.table {
    width: 100%;
    border-top: 2px solid rgba(242, 242, 242, 1.00);
    border-left: 2px solid rgba(242, 242, 242, 1.00);
    border-right: 2px solid rgba(242, 242, 242, 1.00);
}

.table tbody,
.table tbody tr {
    width: 100%;
}

.table tr td {
    padding: 8px;
    border-bottom: 2px solid rgba(242, 242, 242, 1.00);
}

.table tr > td:first-of-type {
    width: 60%;
}

.table tr > td:last-of-type {
    width: 40%;
    text-align: right;
    font-size: 1.6rem;
}

.table tr > td:last-of-type strong {
    font-size: 2rem;
}

@media only screen and (max-width: 767px) {
    .table {
        font-size: 1.6rem;
    }

    .table tr > td:first-of-type {
        width: 60%;
    }

    .table tr > td:last-of-type {
        width: 40%;
        text-align: right;
        font-size: 1.6rem;
    }

    .table tr > td:last-of-type strong {
        font-size: 1.8rem;
    }
}

/* FILES
----------------------------------------------------------------*/

.contentContainer.documentGrid {
	margin-top: 40px;
}
.contentContainer.documentGrid .contentInner {
	display: flex;
	flex-flow: row wrap;
}
.documentItemBox {
	display: flex;
	width: 33.333333%;
	padding: 20px;
}
a.documentItemFrame {
	display: flex;
	width: 100%;
	flex-flow: column;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 20px;	
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 6px;
}
@media (hover: hover) {
    a.documentItemFrame:hover {
        text-decoration: none;
        color: rgba(216, 0, 0, 1.00);
        background-color: rgba(0, 0, 0, 0.05);
    }
}
.documentItemIcon {
	display: block;
	width: 64px;
	height: 64px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojY2VkM2RkO30uY2xzLTN7ZmlsbDojZDgwMDAwO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNC4xNywzOTMuNjJsNzguNTEsNzguMjhoLjEzbDIzNy4zNiwuMTItNzYuMjktODkuMDloNTYuMDJ2LTkwLjIxaDQ1Ljk1VjEwSDM0LjE3VjM5My42MloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMTIuNjksNDcxLjkxbC4xMywuMTN2LTc4LjQxSDM0LjE4bDc4LjUxLDc4LjI4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTQyMy44MSwzODIuOTR2LTkwLjIyaC05My45djkwLjIyaC01Ni4wMmwxMDEuOTcsMTE5LjA2LDEwMS45Ny0xMTkuMDZoLTU0LjAyWiIvPjxnPjxwYXRoIGQ9Ik0zMDMuODcsMTAyLjY1YzUuNTIsMCwxMC00LjQ4LDEwLTEwcy00LjQ4LTEwLTEwLTEwaC0yOC42NWMtNS41MiwwLTEwLDQuNDgtMTAsMTB2NzAuNjhjMCw1LjUyLDQuNDgsMTAsMTAsMTBzMTAtNC40OCwxMC0xMHYtMjYuMDFoMTYuMzdjNS41MiwwLDEwLTQuNDgsMTAtMTBzLTQuNDgtMTAtMTAtMTBoLTE2LjM3di0xNC42N2gxOC42NVoiLz48cGF0aCBkPSJNMTgwLjQzLDE2MC43NWMwLDUuODYsNC4wMSwxMS4xMiwxMC4xOCwxMS4xMiwuNTksMCwxNC41Ni0uMDYsMjAuMTQtLjE1LDIxLjUzLS4zOCwzNy4xNi0xOS4wNSwzNy4xNi00NC40LDAtMjYuNjUtMTUuMjMtNDQuNTUtMzcuOS00NC41NWgtMTkuNTdjLTUuNSwwLTEwLDQuNi0xMCwxMC4wN3Y2Ny45Wm0yOS41Ny01Ny45OGM0LjIsMCwxNy45LDEuNzcsMTcuOSwyNC41NSwwLDE2LjY0LTguNzksMjQuMjUtMTcuNTEsMjQuNC0yLjI5LC4wNC02LjE1LC4wNy05Ljg2LC4xLS4wMi04LjA3LS4wNy00MC42NC0uMDktNDkuMDVoOS41NVoiLz48cGF0aCBkPSJNMTE0LjE1LDE3Mi40YzUuNTIsMCwxMC00LjQ4LDEwLTEwdi0yMC45OGMzLjY4LS4wMiw3LjUyLS4wMyw5LjgzLS4wMywxNi44MSwwLDMwLjQ5LTEzLjUsMzAuNDktMzAuMDlzLTEzLjY4LTMwLjA5LTMwLjQ5LTMwLjA5aC0xOS44M2MtNS40NCwwLTEwLDQuNTYtMTAsMTB2NzEuMmMwLDUuNTIsNC40OCwxMCwxMCwxMFptMTkuODMtNzEuMmM1LjY4LDAsMTAuNDksNC42MiwxMC40OSwxMC4wOXMtNC44LDEwLjA5LTEwLjQ5LDEwLjA5Yy0yLjI5LDAtNi4wOSwuMDItOS43NCwuMDMtLjAyLTMuNzktLjA0LTE2LjI0LS4wNi0yMC4yMmg5LjhaIi8+PHBhdGggZD0iTTQ4Ni45MSwzNzguNzZjLTEuNjMtMy41NS01LjE4LTUuODItOS4wOC01LjgyaC00NC4wMnYtODAuMjJjMC01LjUyLTQuNDgtMTAtMTAtMTBoLTM3Ljk2VjEwQzM4NS44NSw0LjQ4LDM4MS4zOCwwLDM3NS44NSwwSDM0LjE3QzI4LjY1LDAsMjQuMTcsNC40OCwyNC4xNywxMFYxNjMuN2MwLDUuNTIsNC40OCwxMCwxMCwxMHMxMC00LjQ4LDEwLTEwVjIwSDM2NS44NVYyODIuNzJoLTM1Ljk1Yy01LjUyLDAtMTAsNC40OC0xMCwxMHY4MC4yMWgtNDYuMDJjLTguMzUsMC0xMy4wNSwxMC4xNC03LjU5LDE2LjUxbDYyLjE0LDcyLjU3LTIwNS42Mi0uMTF2LTY4LjI4YzAtNS41Mi00LjQ4LTEwLTEwLTEwSDQ0LjE3VjI1MS44MWMwLTUuNTItNC40OC0xMC0xMC0xMHMtMTAsNC40OC0xMCwxMHYxNDEuODJjMCwyLjYyLDEuMDksNS4yMywyLjk0LDcuMDlsNzguNTEsNzguMjhjMi4zMSwyLjMxLDUuNTIsMy40Myw4Ljc2LDIuOTFsMjMxLjIsLjEyLDIyLjY4LDI2LjQ4YzEuOSwyLjIyLDQuNjcsMy40OSw3LjYsMy40OXM1LjctMS4yOCw3LjYtMy40OWwxMDEuOTctMTE5LjA2YzIuNTQtMi45NywzLjEyLTcuMTQsMS40OS0xMC42OGgwWm0tMzg0LjA5LDI0Ljg3djQ0LjMybC00MC44OC00MC43Ni0zLjU3LTMuNTZoNDQuNDVabTI3My4wNCw4M2wtODAuMjQtOTMuNjhoMzQuMjljNS41MiwwLDEwLTQuNDgsMTAtMTB2LTgwLjIyaDczLjl2ODAuMjJjMCw1LjUyLDQuNDgsMTAsMTAsMTBoMzIuMjlsLTgwLjI0LDkzLjY4WiIvPjxwYXRoIGQ9Ik0xMTQuMTUsMjM1LjU1aDE4OS43MmM1LjUyLDAsMTAtNC40OCwxMC0xMHMtNC40OC0xMC0xMC0xMEgxMTQuMTVjLTUuNTIsMC0xMCw0LjQ4LTEwLDEwczQuNDgsMTAsMTAsMTBaIi8+PHBhdGggZD0iTTE1OS40OCwyNzMuMjJjLTUuNTIsMC0xMCw0LjQ4LTEwLDEwczQuNDgsMTAsMTAsMTBoOTkuMDdjNS41MiwwLDEwLTQuNDgsMTAtMTBzLTQuNDgtMTAtMTAtMTBoLTk5LjA3WiIvPjxwYXRoIGQ9Ik0yNS44NiwyMTIuMDdjMi4zMiwzLjQ1LDYuNzIsNS4xMiwxMC43Niw0LjEzLDQuMDUtLjk5LDcuMDItNC41Miw3LjQ2LTguNjQsLjQ0LTQuMTMtMS43NS04LjE5LTUuNTEtOS45OS0zLjc2LTEuOC04LjQ0LTEuMTEtMTEuNDEsMS44NS0zLjMyLDMuMy0zLjg5LDguNzUtMS4yOSwxMi42NVoiLz48L2c+PC9zdmc+");
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin: 0 auto;
}

.documentItemText {
	display: block;
	margin-top: 20px;
	text-align: center;
	font-weight: 600;
}
@media only screen and (max-width: 1023px) {
	.contentContainer.documentGrid .contentInner {
		padding: 0 10px;
	}
	.documentItemBox {
		padding: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.contentContainer.documentGrid {
		margin-top: 30px;
	}
	.documentItemBox {
		width: 50%;
	}
}
@media only screen and (max-width: 467px) {
	.documentItemBox {
		width: 100%;
	}
}

/* CALENDAR
----------------------------------------------------------------*/

#calendarContainer {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    margin-top: 40px;
}

.yearBreak {
    display: flex;
    width: 100%;
    flex-flow: row;
}

.mesec {
    display: flex;
    width: 33.33%;
    padding: 0 20px;
    flex-flow: row wrap;
    min-height: 228px;
}

.monthName {
    display: flex;
    font-weight: 600;
    background-color: #f2f2f2;
    border-bottom: 2px solid #D8D8D8;
    width: 100%;
    justify-content: center;
    height: 32px;
    align-items: center;
}

.danName,
.dan {
    display: flex;
    width: 14.2857%;
    justify-content: center;
    align-items: center;
    min-height: 28px;
}

.danName {
    color: #999;
}

.danEmpty {
    display: flex;
    width: 14.2857%;
    min-height: 28px;
}

.dan.weekend {
    background-color: #f2f2f2;
}

.dan.zasedeno,
.legenda.zasedeno {
    color: #FFF;
    background-color: #C00;
}

.dan.rezervirano,
.legenda.rezervirano {
    color: #FFF;
    background-color: #F90;
}

.dan.rezerviranoDopoldne,
.legenda.rezerviranoDopoldne {
    background: rgb(255, 153, 0);
    background: linear-gradient(135deg, rgba(255, 153, 0, 1) 0%, rgba(255, 153, 0, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.dan.rezerviranoPopoldne,
.legenda.rezerviranoPopoldne {
    background: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 153, 0, 1) 50%, rgba(255, 153, 0, 1) 100%);
}

.dan.zasedenoDopoldne,
.legenda.zasedenoDopoldne {
    background: rgb(204, 0, 0);
    background: linear-gradient(135deg, rgba(204, 0, 0, 1) 0%, rgba(204, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.dan.zasedenoPopoldne,
.legenda.zasedenoPopoldne {
    background: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(204, 0, 0, 1) 50%, rgba(204, 0, 0, 1) 100%);
}

.dan.rezerviranoZasedeno,
.legenda.rezerviranoZasedeno {
    color: #FFF;
    background: rgb(255, 153, 0);
    background: linear-gradient(135deg, rgba(255, 153, 0, 1) 0%, rgba(255, 153, 0, 1) 50%, rgba(204, 0, 0, 1) 50%, rgba(204, 0, 0, 1) 100%);
}

.dan.zasedenoRezervirano,
.legenda.zasedenoRezervirano {
    color: #FFF;
    background: rgb(204, 0, 0);
    background: linear-gradient(135deg, rgba(204, 0, 0, 1) 0%, rgba(204, 0, 0, 1) 50%, rgba(255, 153, 0, 1) 50%, rgba(255, 153, 0, 1) 100%);
}

#koledarNav, .koledarNav {
    display: flex;
    padding: 0 20px;
    width: 100%;
    margin-top: 20px;
}

.koledarNavInner {
    display: flex;
    background-color: #f2f2f2;
    border-top: 2px solid #D8D8D8;
    width: 100%;
    justify-content: space-between;
    height: 32px;
    align-items: center;
}

.calendarLegend {
    display: flex;
}

.calendarLegend span {
    padding: 0 10px;
}

.calendarLegend span:nth-of-type(1) {
    color: rgba(255, 153, 0, 1.00);
}

.calendarLegend span:nth-of-type(2) {
    color: rgba(204, 0, 0, 1.00);
}

.calendarNav {
    display: flex;
}

.calendarNav div {
    padding: 0 10px;
    font-weight: 600;
}

.calendarNav div:hover,
.calendarNav div:active {
    cursor: pointer;
}

.calendarFooter {
    display: block;
    padding: 0 40px;
    text-align: center;
    margin: 20px auto 0;
}

@media only screen and (max-width : 567px) {
    .yearBreak {
        flex-flow: column;
    }

    .mesec {
        width: 100%;
        padding: 0;
    }

    #calendarContainer {
        margin: 0 auto;
        max-width: 320px;
        padding-top: 20px;
    }

    #koledarNav {
        padding: 0;
    }
}

/* CALENDAR LIST
----------------------------------------------------------------*/

.contentContainer.calendarList {
    max-width: 1460px;
    padding: 0;
    margin: 60px auto 0;
}

.calendarListTitleContainer {
    display: flex;
    flex-flow: column;
    padding: 0 20px 20px;
}
.calendarListTitleContainer h2 a:hover {
    text-decoration: none;
}
.calendarListTitleContainer h2 a:hover {
    text-decoration: underline;
    text-decoration-color: rgba(216,0,0,1.00);
    text-decoration-thickness: 4px;
}
.calendarListTitleContainer h2 {
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 1em;
    margin: 0;
}

.calendarListTitleContainer .vehiclePlate {
    margin: 0 0 20px 0 !important;
}

.calendarListInner {}

@media only screen and (max-width: 767px) {
    .calendarListTitleContainer {
        display: flex;
        flex-flow: column;
        padding: 0 20px 20px;
    }
}

@media only screen and (max-width: 567px) {
    .contentContainer.calendarList {
        padding: 0 20px;
    }
    .calendarListTitleContainer {
        display: flex;
        flex-flow: column;
        padding: 0 20px 20px 0;
    }
    .koledarNav {
        padding: 0;
    }
    .calendarListTitleContainer h2 {
       font-size: 2.4rem;
   }
}

/* FORM
----------------------------------------------------------------*/

.formContainerInner {
    display: flex;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    flex-flow: column;
}

#formContainer input[type=text],
#formContainer textarea,
#formContainer select,
#menuSecondary select {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 1.8rem;
    border: 1px solid #CED0D2;
    padding-left: 10px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#pagination select {
    display: block;
    height: 44px;
    font-size: 1.8em;
    border: 1px solid #CED0D2;
    padding-left: 10px;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#formContainer select,
#menuSecondary select,
#pagination select,
#formPersonsInfo select {
    -webkit-appearance: none;
    background-image: url('/img/icon-dropdown-arrow.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding-right: 40px;
    border-radius: 0;
    background-color: #FFF;
}
#formDateInfo input {
    background-image: url('/img/icon-dropdown-arrow.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding-right: 40px;
}

#formContainer select:disabled,
#menuSecondary select:disabled {
    background-image: none;
}

#formContainer input[type=text]:hover,
#formContainer textarea:hover {
    border: 1px solid #999;
}

#formContainer select:disabled:hover,
#menuSecondary select:disabled:hover {
    cursor: not-allowed;
}

#formContainer select:hover,
#menuSecondary select:hover {
    border: 1px solid #999;
    cursor: pointer;
}

#formContainer textarea {
    height: auto;
    min-height: 133px;
}

.formBlock {
    display: flex;
    flex: 0 1 100%;
    flex-flow: row wrap;
}

.formBlock .formRow {
    flex: 0 1 100%;
}

.formBlock .formRow.split50 {
    flex: 0 1 50%;
}

.formBlock .formRow.split70 {
    flex: 0 1 70%;
}

.formBlock .formRow.split60 {
    flex: 0 1 60%;
}

.formBlock .formRow.split40 {
    flex: 0 1 40%;
}

.formBlock .formRow.split30 {
    flex: 0 1 30%;
}

.formBlock .formRow.split25 {
    flex: 0 1 25%;
}

.formBlock .formRow.split20 {
    flex: 0 1 20%;
}

.formBlock .formRow.padding {
    padding-right: 20px;
}

#formType .formRowRadioGroup {
    display: flex;
    flex-flow: row;
    font-weight: bold;
    justify-content: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#formType .formRowRadioGroup .formRowRadio:nth-of-type(2) {
    margin-left: 20px;
}

.taxNumber {
    padding: 20px 0 0;
    font-weight: 600;
}

.formRowName,
.formRowNameDelivery {
    padding: 20px 0 5px 0;
    font-weight: 600;
}

span.formRequired,
.formRowNameDelivery span.formRequired,
.formRowCheckbox span.formRequired {
    color: rgba(216,0,0,1.00);
    font-family: Verdana;
}

.formRowName span.formDescription,
.formRowNameDelivery span.formDescription {
    font-weight: 300;
}

.rowSubmit {
    display: flex;
    flex: 0 1 100%;
    flex-flow: row;
}

.formRowRadio {
    margin-top: 5px;
}

.formRowCheckboxGroup {
    padding: 20px 0;
}

.formRowCheckbox.important {
    border: 3px solid rgba(216,0,0,1.00);
    padding: 20px;
    background-color: #FFF;
}

.formRowCheckbox.important a {
    color: rgba(216,0,0,1.00);
    white-space: nowrap;
}

.formRowCheckbox.important a.legal {
    margin-left: 30px;
}

.alternateAddress {
    margin: 0;
    border-top: 1px solid #ccc;
    padding-top: 40px;
}

#formPhone {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.status .error {
    font-size: 1.6rem;
    line-height: 1.3em;
    display: block;
    color: rgba(216,0,0,1.00);
    margin-top: 10px;
}

.status .error:before {
    content: '';
    display: block;
    background: url('/img/icon-warning.svg') no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    padding: 0 5px 0 0;
}

#formSubmitBtn {
    display: flex;
    background-color: rgba(216, 0, 0, 1.00);
    height: 60px;
    color: rgba(255, 255, 255, 1.00);
    font-size: 2rem;
    width: 100%;
    cursor: pointer;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0 20px;
    border: none;
    border-radius: 6px;
}

@media (hover: hover) {
    #formSubmitBtn:hover {
        transform: scale(1.02);
        cursor: pointer;
        text-decoration: none;
        color: #FFF;
    }
}

@media only screen and (max-width: 767px) {
    #formSubmitBtn {
        max-width: 100%;
    }
}

#formSubmitBtn.disabled:hover {
    cursor: not-allowed;
}

#formSubmitBtn span {
    align-self: center;
}

#contentForm {
    display: block;
}

#form {
    display: block;
    width: 100%;
}

.formBlock input[type='checkbox'],
.formBlock input[type='radio'] {
    margin: 0 8px 0 0;
}

.formObvezno {
    font-weight: bold;
    color: #E10003;
    padding-left: 4px;
}

input.textbox,
textarea {
    font-family: 'Encode Sans', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
    font-size: 1.8em;
    line-height: normal;
}

input.textbox {
    height: 32px;
}

input.button {
    font-family: 'Encode Sans', Verdana, Arial, Helvetica, sans-serif;
    background-color: #0594cd;
    border: none;
    color: #fff;
    height: 44px;
    padding: 0 50px;
    font-size: 2.2rem;
}

input.button:hover {
    cursor: pointer;
    background-color: #333;
}

.formValidation {
    padding: 10px;
    font-weight: bold;
    color: #E10003;
    padding-bottom: 10px !important;
}

.mailConsent {
    display: block;
    padding: 5px 0 20px 30px;
    color: #666;
    font-size: 1.4rem;
    line-height: 1.3em;
}

.mailConsentToggle {
    display: inline-block;
    color: #0594cd;
    cursor: pointer;
    font-weight: 600;
}

.mailConsentToggle:hover {
    text-decoration: underline;
}

.paypalContainer {
    position: relative;
}

.iconPaypal {
    display: inline-block;
    height: 20px;
    margin-top: 2px;
}

.iconCreditCards {
    display: inline-block;
    height: 20px;
    margin-top: 1px;
}

.formSuccessNotification {
    display: block;
    margin-top: 20px;
}

.formSuccessNotification h2 {
    color: rgba(216, 0, 0, 1.00);
}

/* CHECKBOX */

.checkboxContainer {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.checkboxCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: rgba(245, 245, 245, 1.00);
    border: 1px solid rgba(180, 180, 180, 1.00);
}

.checkboxContainer:hover input ~ .checkboxCheckmark {
    background-color: rgba(180, 180, 180, 1.00);
}

.checkboxContainer input:checked ~ .checkboxCheckmark {
    background-color: rgba(216,0,0,1.00);
    border: 1px solid rgba(216,0,0,1.00);
}

.checkboxCheckmark:after {
    content: '';
    position: absolute;
    display: none;
}

.checkboxContainer input:checked ~ .checkboxCheckmark:after {
    display: block;
}

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

/* RADIO */

.radioContainer {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.radioCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: rgba(245, 245, 245, 1.00);
    border: 1px solid rgba(180, 180, 180, 1.00);
    border-radius: 50%;
}

.radioContainer:hover input ~ .radioCheckmark {
    background-color: rgba(180, 180, 180, 1.00);
}

.radioContainer input:checked ~ .radioCheckmark {
    background-color: rgba(216,0,0,1.00);
    border: 1px solid rgba(216,0,0,1.00);
}

.radioCheckmark:after {
    content: '';
    position: absolute;
    display: none;
}

.radioContainer input:checked ~ .radioCheckmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.radioContainer .radioCheckmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

@media only screen and (max-width: 1023px) {
    #formSubmitBtn {
        height: 52px;
    }
}

@media only screen and (max-width: 767px) {
    .formBlock {
        display: flex;
        flex: 0 1 100%;
        padding: 0;
        flex-flow: row wrap;
    }

    .formBlock .formRow {
        flex: 0 1 100%;
    }

    .formBlock .formRow.split40 {
        flex: 0 1 100%;
    }

    .formBlock .formRow.split50 {
        flex: 0 1 100%;
    }

    .formBlock .formRow.split60 {
        flex: 0 1 100%;
    }

    .formBlock .formRow.split70 {
        flex: 0 1 100%;
    }

    .formBlock .formRow.split30 {
        flex: 0 1 100%;
    }

    .formBlock .formRow.split20 {
        flex: 0 1 100%;
    }

    .formBlock .formRow.padding {
        padding-right: 0px;
    }
}

/* AVAILABILITY PAGE
----------------------------------------------------------------*/

.contentContainer.availabilityContainer {
    margin-top: 0px;
    position: relative;
}
.availabilityContainerBack {
    position: absolute;
    height: 400px;
    background-color: rgba(242, 242, 242, 1.00);
    width: 100%;
    z-index: -1;
}
.availabilityContainer #formContainer {
    display: block;
    width: 100%;
    padding: 40px;
    background-color: #FFF;
    border: 2px solid rgba(216,0,0,1.00);
    border-radius: 6px;
}

.availabilityContainer .rowSubmit {
    margin-top: 20px;
}
input.pickDate {
    cursor: pointer;
}
.availability .spinnerHolder {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: 80px;
}

.emptyFilter {
    display: block;
    text-align: center;
    padding: 60px 0 60px 0;
    font-size: 2rem;
    font-weight: 600;
}

@media only screen and (max-width: 1023px) {
    .availabilityContainer #formContainer {
        padding: 20px;
    }
    .availabilityContainer h3 {
        margin: 0;
    }
}
/* FOOTER BENEFIT ADS
----------------------------------------------------------------*/

#specialOfferContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin-bottom: 20px;
}

.specialOfferInner {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 10px;
}
.specialOfferInner + .specialOfferInner {
    margin-top: 20px;
}

.specialOfferItem {
    display: block;
    width: 33.333333%;
    padding: 0 10px;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (hover: hover) {
    .specialOfferItem:hover {
        transform: scale(1.03);
        cursor: pointer;
    }
}

.specialOfferItemTop {
    display: block;
    width: 100%;
    padding: 0 10px;
}

.specialOfferItem img, .specialOfferItemTop img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
}

@media only screen and (max-width: 1023px) {
    #specialOfferContainer {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .specialOfferItem {
        width: 100%;
    }

    .specialOfferItem + .specialOfferItem {
        margin-top: 20px;
    }
}

/* MOBILE MENU
----------------------------------------------------------------*/

#mobileMenuBtn {
    display: none;
    width: 48px;
    height: 48px;
    cursor: pointer;
    align-self: center;
}

#nav-icon {
    width: 26px;
    height: 20px;
    position: relative;
    margin: 14px auto;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: rgba(0, 0, 0, 1.00);
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 1px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 8px;
}

#nav-icon span:nth-child(4) {
    top: 15px;
}

#nav-icon.open span:nth-child(1) {
    top: 10px;
    width: 0;
    left: 50%;
}

#nav-icon.open span:nth-child(2) {
    transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
    transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
    top: 10px;
    width: 0;
    left: 50%;
}

@media only screen and (max-width : 1023px) {
    /* MM MENU */

    .mm-menu {
        --mm-navbar-size: 55px;
    }

    .mm-navbar__title {
        font-weight: 600;
    }

    .mm-navbar__title > span {
        overflow: visible;
    }

    .mm-wrapper__blocker {
        background: rgba(0,0,0,1.00);
        opacity: .5;
    }

    .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
        border-left-width: 0;
    }

    /* MOBILE MENU OPEN*/

    #mobileMenuBtn {
        display: flex !important;
    }
}

/* FORM NEWSLETTER
----------------------------------------------------------------*/

.formNewsletter input[type=text], .formNewsletter select {
	display: block;
	width: 100%;
	height: 44px;
	font-size: 1em;
	border: 1px solid #CED0D2;
	padding-left: 10px;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.formNewsletter select {
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTcuNCw4LjVMNS45LDEwbDYuMSw2LjFsNi4xLTYuMWwtMS41LTEuNUwxMiwxMy4xTDcuNCw4LjV6Ii8+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: center right 10px;
	padding-right: 40px;
	background-size: 28px 28px;
	border-radius: 0;
	background-color: #FFF;
}
.formNewsletter select:disabled {
	background-image: none;
}
.formNewsletter input[type=text]:hover {
	border: 1px solid  rgba(128, 131, 134, 1.00);
}
.formNewsletter select:disabled:hover {
	cursor: not-allowed;
}
.formNewsletter select:hover {
	border: 1px solid  rgba(128, 131, 134, 1.00);
	cursor: pointer;
}
.formNewsletter label.formName {
	display: flex;
	font-weight: 600;
	padding-bottom: 5px;
}
#recaptcha921_hidden {
    display: none;
}
.formRowCheckbox span {
	font-size: 1.4rem;
	line-height: 1.5em;
}
.formRowCheckbox span a {
	color: rgba(216,0,0,1.00);
	
}
button.submitBtn {
	display: flex;
	width: 100%;
	height: 54px;
	background-color: rgba(216,0,0,1.00);
	color: #FFF;
	text-transform: uppercase;
	justify-content: center;
	align-self: flex-end;
	border: none;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	margin-top: 20px;
	align-items: center;
	font-size: 2rem;
	line-height: 1em;
}
button.submitBtn:hover {
	cursor: pointer;
	background-color: rgba(170, 0, 0, 1.00);
}
button.submitBtn.disabled:hover {
	cursor: not-allowed;
}

/* CHECKBOX */

.checkboxContainer {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkboxContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkboxCheckmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: rgba(255,255,255,1.00);
	border: 1px solid rgba(180, 180, 180, 1.00);
}
.checkboxContainer:hover input ~ .checkboxCheckmark {
	border: 1px solid rgba(128, 131, 134, 1.00);
	background-color: rgba(255,255,255,0);
}
.checkboxContainer input:checked ~ .checkboxCheckmark {
	background-color: rgba(216,0,0,1.00);
	border: 1px solid rgba(216,0,0,1.00);
}
.checkboxCheckmark:after {
	content: '';
	position: absolute;
	display: none;
}
.checkboxContainer input:checked ~ .checkboxCheckmark:after {
	display: block;
}
.checkboxContainer .checkboxCheckmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

/* FOOTER NEWSLETTER LINK
----------------------------------------------------------------*/

#newsletterContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 120px 0 0;
	position: relative;
}

#newsletterInner {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
}

.newsletterFrame {
    display: flex;
    flex-flow: row;
	width: 100%;
	padding: 30px 10%;
	border: 2px solid rgba(216,0,0,1.00);
	align-items: center;
    border-radius: 6px;
}
.newsletterText {
	display: flex;
	flex-flow: column;
	text-align: right;
	justify-content: flex-end;
	padding-right: 40px;
	flex-grow: 1;
	font-size: 1.8rem;
	line-height: 1.2em;
}

.newsletterBtn {
	max-width: 400px;
    width: 100%;
    align-self: center;
    white-space: nowrap;
}

.newsletterTitle {
	position: absolute;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
	top: -9px;
	padding: 0 20px;
	color: rgba(216,0,0,1.00);
	font-size: 2.4rem;
	line-height: 1em;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTg3IDI0aC02MmMtNC40IDAtOCAzLjYtOCA4djNjMCAxLjEuOSAyIDIgMnMyLS45IDItMnYtM2MwLS40LjEtLjguMi0xLjJsMjIuNCAxOS4yLTIyLjQgMTkuMmMtLjEtLjQtLjItLjgtLjItMS4ydi0zYzAtMS4xLS45LTItMi0ycy0yIC45LTIgMnYzYzAgNC40IDMuNiA4IDggOGg2MmM0LjQgMCA4LTMuNiA4LTh2LTM2YzAtNC40LTMuNi04LTgtOHptLTYyLjggNC4xYy4yLS4xLjUtLjEuOC0uMWg2MmMuMyAwIC42IDAgLjguMWwtMzAuNSAyNi4xYy0uOC42LTEuOC42LTIuNiAwem02Mi44IDQzLjloLTYyYy0uMyAwLS42IDAtLjgtLjFsMjIuNS0xOS4zIDUuNCA0LjdjMS4xIDEgMi41IDEuNSAzLjkgMS41czIuOC0uNSAzLjktMS41bDUuNC00LjcgMjIuNSAxOS4zYy0uMi4xLS41LjEtLjguMXptNC00YzAgLjQtLjEuOC0uMiAxLjJsLTIyLjQtMTkuMiAyMi40LTE5LjJjLjEuNC4yLjguMiAxLjJ6bS04MC0yM2MwLTEuMS45LTIgMi0yaDEyYzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMmgtMTJjLTEuMSAwLTItLjktMi0yem0xNCAxMmgtMThjLTEuMSAwLTItLjktMi0ycy45LTIgMi0yaDE4YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMnoiIGZpbGw9IiNkODAwMDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+);
	background-position: left 20px top -8px;
	background-repeat: no-repeat;
	background-size: 38px 38px;
	padding-left: 66px;
	white-space: nowrap;
}

@media only screen and (max-width: 1200px) {
	.newsletterFrame {
		padding: 30px;
	}
	.newsletterFrame {
		flex-flow: column;
	}
	.newsletterText {
		padding-right: 0;
		margin-bottom: 10px;
		text-align: center;
	}
}

@media only screen and (max-width: 1023px) {
    #newsletterContainer {
        margin: 40px 0 0;
    }
}
@media only screen and (max-width: 767px) {
	.newsletterFrame {
		padding: 20px;
	}
    .newsletterTitle {
        font-size: 1.6rem;
        line-height: 24px;
    }
}

/* FOOTER BENEFIT ADS
----------------------------------------------------------------*/

#benefitContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin-top: 60px;
}

.benefitInner {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 10px;
}
.benefitInner + .benefitInner {
	margin-top: 20px;
}

.benefitItem {
    display: block;
    width: 33.333333%;
    padding: 0 10px;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (hover: hover) {
    .benefitItem:hover {
        transform: scale(1.03);
        cursor: pointer;
    }
}

.benefitItemTop {
    display: block;
    width: 100%;
    padding: 0 10px;
}

.benefitItem img, .benefitItemTop img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
}

@media only screen and (max-width: 1023px) {
    #benefitContainer {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .benefitItem {
        width: 100%;
    }

    .benefitItem + .benefitItem {
        margin-top: 20px;
    }
}

/* FOOTER
----------------------------------------------------------------*/

footer {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 60px auto 0;
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

footer a {
    color: rgba(255, 255, 255, 0.60);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (hover: hover) {
    footer a:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
    }
}

#footerContainer {
    display: flex;
    font-size: 1.5rem;
    line-height: 1em;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    justify-content: space-between;
}

#footerLinks {
    display: flex;
    width: 100%;
    flex-flow: row;
    justify-content: space-between;
    margin: 30px 0;
}

#footerLinks .linksGroup {
    display: flex;
    width: 25%;
    flex-flow: column;
    padding: 0 20px;
}

#footerLinks .linksGroup ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footerLinks .linksGroup ul li {
    display: flex;
    width: 100%;
    padding: 0;
}

#footerLinks .linksGroup ul li a {
    display: block;
    width: 100%;
    line-height: 3.6rem;
}

.footerColText {
    display: block;
    width: 100%;
    line-height: 3rem;
}

.footerColCompanyName {
    font-size: 2rem;
}

.footerContact {
    display: block;
    line-height: 3.6rem;
}

#footerMail {
    text-transform: lowercase;
}

@media only screen and (max-width : 1023px) {
    footer {
        margin: 20px auto 0;
    }

    #footerContainer {
        flex-flow: column;
		padding: 20px 0 160px;
    }

    #footerLinks {
        flex-flow: row wrap;
        width: 100%;
        margin: 25px 0;
    }

    #footerLinks .linksGroup {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    #footerLinks .linksGroup + .linksGroup {
        padding-top: 20px;
        margin-top: 20px;
    }

    .footerColText {
        text-align: center;
    }
}

/* FOOTER CONTACT
----------------------------------------------------------------*/

#footerContactContainer {
    display: flex;
    width: 100%;
    flex-flow: row;
    background-color: rgba(216,0,0,1.00);
    color: rgba(255,255,255,1.00);
}

.footerContactContainerInner {
    display: flex;
    flex-flow: row;
    max-width: 1460px;
    padding: 20px;
    margin: 0 auto;
    justify-content: space-between;
}

.footerContactContainerBox {
    display: flex;
    flex-flow: row;
    width: 100%;
}

.footerContactIcon {
    display: flex;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
}

.footerContactIcon img {
    display: block;
    width: 100%;
    height: auto;
}

.footerContactInfo {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-left: 20px;
}

.footerContactQuestion {
    font-size: 1.5rem;
    line-height: 1.5em;
}

.footerContactBox {
    display: flex;
    flex-flow: row;
    margin-top: 8px;
}

footer .footerContactBox a {
    color: rgba(255,255,255,1.00);
    font-size: 2.4rem;
    line-height: 1em;
}

@media (hover: hover) {
    footer .footerContactBox a:hover {
		text-decoration: underline;
		text-decoration-style: solid;
		text-decoration-thickness: 2px;
    }
}

footer .footerContactBox a + a {
    margin-left: 40px;
}

.footerContactBox span {
    font-size: 2.4rem;
    line-height: 1em;
    color: rgba(255,255,255,0.5);
    padding: 0 15px;
}

@media only screen and (min-width: 768px) {
    .footerContactContainerInner {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .footerContactContainerInner {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footerContactBox {
        flex-flow: column;
        margin-top: 0;
    }

    footer .footerContactBox a {
        margin-top: 15px;
    }

    .footerContactBox span {
        display: none;
    }
}

/* COPYRIGHT
----------------------------------------------------------------*/

#footerCopyrightContainer {
    display: flex;
    width: 100%;
    flex-flow: column;
    color: rgba(0,0,0,1.00);
    font-size: 1.4rem;
    background-color: rgba(255,255,255,1.00);
    
}

#footerCopyrightContainer a {
    color: rgba(0,0,0,1.00);
    border-bottom: 1px dotted rgba(0,0,0,0.5);
    line-height: 1.2em;
    font-weight: 600;
}

#copyrightAlign {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 1460px;
    margin: 40px auto 60px;
    padding: 0 20px;
    justify-content: space-between;
}

#foterWebdesign,
#footerCopyright,
#footerShare,
#footerPayment {
    display: flex;
    justify-content: center;
}

#footerCopyrightContainer span.padding {
    padding: 0 10px;
}

#foterWebdesign,
#footerCopyright {
    margin-top: 15px;
}

#foterWebdesign {
	margin-top: 40px;
}

#footerPayment {
    margin-top: 15px;
}

#certBox {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

#certBox img {
    width: 140px;
    height: auto;
}

@media (hover: hover ) {
    #footerCopyrightContainer a:hover {
        color: rgba(216,0,0,1.00);
        border-bottom: 1px solid rgba(216,0,0,1.00);
    }
}

@media only screen and (max-width: 1023px) {	
	#copyrightAlign {
		margin-top: 0;
	}
    #footerCopyright {
        flex-flow: column;
    }

    .footerCopyrightCol {
        display: block;
        text-align: center;
    }

    .footerCopyrightCol + .footerCopyrightCol {
        margin-top: 5px;
    }

    .footerCopyrightCol + .footerCopyrightCol > span:first-of-type {
        display: none;
    }

    #copyrightAlign {
        flex-flow: column;
    }

    #foterWebdesign,
    #footerCopyright {
        text-align: center;
    }
}
@media only screen and (min-width: 568px) {

    .footerCopyrightCol + .footerCopyrightCol div {
		display: inline-block;
    }
	
}
@media only screen and (max-width: 567px) {

    .footerCopyrightCol + .footerCopyrightCol {
		display: block;
    }

    .footerCopyrightCol + .footerCopyrightCol > span {
        display: none;
    }

    .footerCopyrightCol + .footerCopyrightCol a {
		display: inline-block;
		margin: 20px auto 0;
    }

    .footerCopyrightCol + .footerCopyrightCol div {
		display: block;
    }
	
}

	
/* FOOTER BADGE
----------------------------------------------------------------*/

a.footerAvtodomiBadge {
	display: block;
	width: 100%;
	height: auto;
	max-width: 260px;
	margin: -100px auto 40px;
}
a.footerAvtodomiBadge img {
	display: block;
	width: 100%;
	height: auto;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a.footerAvtodomiBadge,
a.footerAvtodomiBadge img,
a.footerAvtodomiBadge:hover,
a.footerAvtodomiBadge:hover img {
	text-decoration: none!important;
	border: none!important;
}
@media only screen and (max-width : 1023px) {
	
	.footerAvtodomiBadge {
		max-width: 240px;
		margin: -100px auto 40px;
	}
	
}
@media (hover: hover) {
	a.footerAvtodomiBadge:hover img {
        transform: scale(1.05);
        cursor: pointer;
    }
}

/* COOKIES
----------------------------------------------------------------*/

#cookieBox {
    display: flex;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1001;
}

#cookieBoxContent {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    padding: 16px 20px;
    background-color: rgba(255, 255, 255, 1);
    border-top: 1px solid #ccc;
    margin: 0 auto;
}

#cookieText {
    display: flex;
    width: 80%;
    flex-flow: column;
    padding-right: 20px;
    padding-left: 56px;
    background-image: url('/img/cookies.svg');
    background-repeat: no-repeat;
    background-size: 46px 46px;
    background-position: left center;
}

#cookieText a {
    white-space: nowrap;
}

div#cookieBoxAgree {
    display: flex;
    height: 48px;
    line-height: 48px;
    background-color: rgba(216,0,0,1.00);
    color: #FFF;
    font-weight: 600;
    width: 20%;
    min-width: 160px;
    justify-content: center;
    white-space: nowrap;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

div#cookieBoxAgree:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 1);
    text-decoration: none;
}

#cookieAccept,
#cookieDecline,
#cookieText a {
    color: rgba(216,0,0,1.00);
    text-decoration: none;
    cursor: pointer;
}

#cookieAccept:hover,
#cookieDecline:hover,
#cookieText a:hover {
    text-decoration: underline;
    color: rgba(216,0,0,1.00);
}

@media only screen and (min-width: 1461px) {
    #cookieBoxContent {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
}

@media only screen and (max-width : 950px) {
    #cookieBoxContent {
        flex-flow: column;
    }

    #cookieText,
    div#cookieBoxAgree {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    #cookieText {
        background: none;
    }

    div#cookieBoxAgree {
        margin-top: 16px;
    }
}

/* SCROLL TOP
----------------------------------------------------------------*/

#scrollTop {
    display: none;
    width: 48px;
    height: 48px;
    background-color: rgba(35,35,35,0.75);
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-image: url('/img/icon-arrow.svg');
    background-position: 50% 45%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    z-index: 1002;
}

.adom #scrollTop {
    bottom: 76px;
}

@media (hover: hover) {
    #scrollTop:hover {
        transform: scale(1.1);
        cursor: pointer;
        background-color: rgba(0, 0, 0, 1);
    }
}

/* CONTENT WIDTHS
----------------------------------------------------------------*/

.width12 {
    max-width: 1460px;
}

.width10 {
    max-width: 1220px;
}

.width8 {
    max-width: 980px;
}

.width6 {
    max-width: 740px;
}

.width4 {
    max-width: 500px;
}

.width2 {
    max-width: 260px;
}

/* MODEL SUBNAV
----------------------------------------------------------------*/

#model_subnav {
    background: #fff;
    border-bottom: 1px solid #E4E4E4;
    position: sticky;
    top: 80px;
    z-index: 99;
    width: 100%;
    transition: top 0.25s ease, box-shadow 0.25s ease;
}

#model_subnav.subnav-no-header {
    top: 0;
}

#model_subnav.is-sticky {
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
}

.model_subnav_inner {
    display: flex;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 20px;
}

.model_subnav_links_wrap {
    position: relative;
    flex: 1;
    min-width: 0;
}

.model_subnav_scroll_arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 54px;
    background: linear-gradient(to right, transparent, #fff 55%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 16px;
    font-size: 2.2rem;
    font-weight: 300;
    color: #555;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.2s;
}

.model_subnav_links_wrap.scroll-end .model_subnav_scroll_arrow {
    opacity: 0;
    pointer-events: none;
}

.model_subnav_links {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.model_subnav_links::-webkit-scrollbar {
    display: none;
}

.model_subnav_name {
    display: flex;
    align-items: center;
    padding: 14px 14px 14px 0;
    font-size: 2rem;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
    flex-shrink: 0;
}

.model_subnav_sep {
    width: 2px;
    background: #000;
    align-self: stretch;
    margin: 14px 6px;
    flex-shrink: 0;
}

.model_subnav_link {
    display: flex;
    align-items: center;
    padding: 14px 14px;
    font-size: 1.2rem;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s, border-color 0.2s;
    flex-shrink: 0;
    text-transform: uppercase;
    cursor: pointer;
}

.model_subnav_link:hover {
    color: #D80000;
    text-decoration: none;
}

.model_subnav_link.active {
    color: #D80000;
    font-weight: 600;
}

@media only screen and (max-width: 1023px) {
    #model_subnav {
        top: 54px;
    }

    .model_subnav_link {
        font-size: 1.2rem;
        padding: 10px;
    }

    #model_subnav.subnav-no-header {
        top: 0;
    }

    .model_subnav_inner {
        padding: 0 0 0 10px;
    }

    .model_subnav_name {
        display: flex;
        align-items: center;
        padding: 10px 10px 10px 0;
        font-size: 1.8rem;
    }
}
/* Scroll reveal */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.reveal.visible {
    opacity: 1;
    transform: none;
}

/* FAQ accordion */
.faqList {
    width: 100%;
}
.faqItem {
    border-bottom: 1px solid #e0e0e0;
}
.faqItem:first-child {
    border-top: 1px solid #e0e0e0;
}
.faqQuestion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 12px;
    cursor: pointer;
    list-style: none;
    gap: 16px;
    transition: background 0.15s ease;
}
.faqQuestion::-webkit-details-marker { display: none; }
.faqItem:hover {
    background: #f2f2f2;
}
.faqQuestion h2 {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.4;
}
.faqQuestion::after {
    content: '+';
    flex-shrink: 0;
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1;
}
.faqItem[open] > .faqQuestion::after {
    content: '−';
}
.faqAnswer {
    padding: 0 12px 18px;
    cursor: pointer;
}
.faqAnswer p {
    margin: 0;
    line-height: 1.7;
}

/* Google Reviews Grid
----------------------------------------------------------------*/
.googleReviewsGrid {
    /*background-color: #f4f4f4;*/
    margin-top: 60px;
}

.googleReviewsInner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
}

.googleReviewCard {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.googleReviewCard:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
    transform: translateY(-2px);
    text-decoration: none!important;
}

.googleReviewHeader {
    display: flex;
    align-items: center;
    gap: 10px;
}


.googleReviewMeta {
    flex: 1;
    min-width: 0;
}

.googleReviewName {
    font-family: 'Saira', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.googleReviewStars {
    color: #FBBC04;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.googleReviewGLogo {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-left: auto;
    opacity: 0.85;
}

.googleReviewText {
    font-family: 'Saira', sans-serif;
    font-size: 13px;
    color: #555;
    line-height: 1.55;
    flex: 1;
}

@media only screen and (max-width: 900px) {
    .googleReviewsInner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 500px) {
    .googleReviewsInner {
        grid-template-columns: 1fr;
    }
    .googleReviewsGrid {
        padding: 20px 0;
    }
}