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

/* rajdhani-regular - latin-ext_latin */

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
	font-display: swap;
    src: url('../fonts/rajdhani-v14-latin-ext_latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/rajdhani-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-regular.woff2') format('woff2'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-regular.woff') format('woff'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-regular.ttf') format('truetype'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-regular.svg#Rajdhani') format('svg');
    /* Legacy iOS */
}

/* rajdhani-500 - latin-ext_latin */

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
	font-display: swap;
    src: url('../fonts/rajdhani-v14-latin-ext_latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/rajdhani-v14-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-500.woff2') format('woff2'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-500.woff') format('woff'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-500.ttf') format('truetype'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-500.svg#Rajdhani') format('svg');
    /* Legacy iOS */
}

/* rajdhani-700 - latin-ext_latin */

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
	font-display: swap;
    src: url('../fonts/rajdhani-v14-latin-ext_latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/rajdhani-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-700.woff2') format('woff2'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-700.woff') format('woff'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-700.ttf') format('truetype'), 
       url('../fonts/rajdhani-v14-latin-ext_latin-700.svg#Rajdhani') format('svg');
    /* Legacy iOS */
}

: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
----------------------------------------------------------------*/

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.333333em;
    font-family: 'Rajdhani', sans-serif;
    color: #000;
    font-weight: 400;
    min-width: 320px;
    background-color: rgba(255, 255, 255, 1.00);
    font-size: 1.8rem;
}

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

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: 700;
}

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: 700;
}

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

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

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

#headerTopContainer {
    display: flex;
    width: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 50%, rgba(255,255,255,0.9) 80%, rgba(255,255,255,0.97) 95%, rgba(255,255,255,1) 100%), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAzNiI+PHBvbHlnb24gcG9pbnRzPSIxNC4wOCAxMiAzLjA3IDEyIDYuMTQgMCAxNy4xNCAwIDE0LjA4IDEyIi8+PHBvbHlnb24gcG9pbnRzPSIwIDEyIDAgMjQgMy4wNyAxMiAwIDEyIi8+PHBvbHlnb24gcG9pbnRzPSIwIDI0IDAgMzYgNy45MyAzNiAxMSAyNCAwIDI0Ii8+PHBvbHlnb24gcG9pbnRzPSIyMiAxMiAxNC4wOCAxMiAxMSAyNCAyMiAyNCAyMiAxMiIvPjxwb2x5Z29uIHBvaW50cz0iMjIgMjQuMDMgMTguOTMgMzYgMjIgMzYgMjIgMjQuMDMiLz48L3N2Zz4=");
    height: 36px;
    background-size: auto, 22px 36px;
    border-bottom: 1px solid #E4E4E4;
}

#headerTop {
    display: flex;
    width: 100%;
    max-width: 1420px;
    padding: 0 20px;
    margin: 0 auto;
    flex-flow: row;
    justify-content: space-between;
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.02em;
}

#headerTop,
#headerTop a {
    color: rgba(0, 0, 0, 1.00);
    text-transform: uppercase;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#headerTopLeft,
#headerTopRight {
    display: flex;
    flex-flow: row;
}

.headerTopItem {
    display: flex;
    align-self: center;
    line-height: 1.625em;
    position: relative;
}

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

#headerTopLeft .headerTopItem + .headerTopItem,
#headerTopRight .headerTopItem + .headerTopItem {
    padding-left: 20px;
}

@media (hover: hover) {
    #headerTop a:hover {
        color: rgba(216, 0, 0, 1.00);
        text-decoration: none;
    }
}

.headerTopFacebook::before,
.headerTopContact::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

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

.headerTopContact::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAA8klEQVRIie3VsS4EQRwH4I+oRMdFJZF7AFHKvQNPcLwGvZZHEI/giPpEqRERUV2hVqJwEkaxs7HWXuR2Zyt+yWSz2X9+XzGZWf4zZS4QCmuMzZTAuAQEHDQpnC29P1XMLKYEHipm1lICdxUz61hIBVxWzNzgtS5QTgdvvjb4HsupyvMMYvkogsmzEYEXrLYBwHlEBm0BXTxHZLctpB+BD2xPmJnDfBNkv4Dslb51cI33+DzGIbamAWYKSMApVmL5rZ/3VlDzzPRl91SQ7c1oQnm+aqWLs1+KGwF5ejjx/cQnBfIsYQdHuMKj7H8yTAX8kXwCkiNTT5rkMssAAAAASUVORK5CYII=');
}
#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.8rem;
	line-height: 1.5rem;
	padding: 10px 20px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-weight: 700;
	letter-spacing: 0.05rem;
}

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

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

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

#logo {
    display: block;
}

#logo img {
    display: block;
    height: 60px;
    width: auto;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#slogan {
    align-self: flex-end;
	height: 16px;
	margin-left: -9px;
}

#headerContact {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

#headerNumbers {
    display: flex;
    flex-flow: row;
    /*background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2Q4MDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmljb24tcGhvbmU8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjIzLDE3Ljg5YTEuMjgsMS4yOCwwLDAsMC0xLjMxLDBsLTIuMDUsMS4yMkExLjI4LDEuMjgsMCwwLDEsMTYuNDIsMTlhMzMuNDksMzMuNDksMCwwLDEtMi45MS0yLjU0QTMyLjc2LDMyLjc2LDAsMCwxLDExLDEzLjU4YTEuMjgsMS4yOCwwLDAsMS0uMDktMS40NWwxLjIyLTIuMDVhMS4yOCwxLjI4LDAsMCwwLDAtMS4zMWwtMy01LjEzQTEuMjgsMS4yOCwwLDAsMCw3LjY4LDNhNC4xNSw0LjE1LDAsMCwwLTIsMS4xOWMtMi4zMSwyLjMyLTMuNTQsNi4yMiw1LjE2LDE0LjkyczEyLjYsNy40OCwxNC45Miw1LjE2YTQuMTUsNC4xNSwwLDAsMCwxLjE5LTIsMS4yNywxLjI3LDAsMCwwLS42LTEuNDJaIi8+PC9zdmc+") no-repeat left center;
    padding-left: 28px;*/
    background-size: 22px 22px;
}

#headerNumbers div,
#headerNumbers a {
    color: rgba(216,0,0,1.00);
    font-size: 2.2rem;
}
@media (hover: hover) {
	#headerNumbers a:hover {
		text-decoration: underline;
		text-decoration-style: solid;
		text-decoration-thickness: 2px;
	}
}
#headerNumbers div {
    padding: 0 10px;
}

#headerMail {
    text-align: right;
    font-weight: 500;
    margin-top: 4px;
}

#headerTime {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.3em;
    margin-left: 20px;
    display: flex;
    justify-content: center;
    border-left: 1px solid #d9d9d9;
    padding-left: 20px;
    letter-spacing: 0.02em;
    flex-flow: column;
}

@media only screen and (max-width: 1200px) {
    #headerNavInner {
        height: 70px;
    }

    #headerLogo {
        width: 240px;
        height: 100px;
    }

    #headerTopMail.headerTopItem {
        margin: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #headerContainer {
        z-index: 1;
    }

    #mobileHeaderContainer {
        display: none !important;
    }

    #mobileMenuContainer,
    #mobileLogo {
        display: none;
    }
}

@media only screen and (max-width : 1023px) {
    #headerTop {
        padding: 0;
    }

    #headerTopLeft,
    #headerContent,
    #menuPrimary {
        display: none !important;
    }

    #mobileHeaderContainer {
        display: flex !important;
        flex-flow: row;
        padding-left: 10px;
        height: 28px;
        align-self: center;
    }

    #mobileLogo {
        align-self: center;
    }

    #mobileLogo,
    #mobileLogo img {
        display: block;
        height: 100%;
        width: auto;
    }

    #headerTopContainer {
        height: 54px;
    }

    #mobileMenuBtn {
        margin-right: 10px;
    }

    #headerTopContainer {
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 50%, rgba(255,255,255,0.9) 80%, rgba(255,255,255,0.97) 95%, rgba(255,255,255,1) 100%), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiA1NCI+PHBvbHlnb24gcG9pbnRzPSIxNi40NiAxMy41IDMuNDUgMTMuNSA2LjkxIDAgMTkuOTEgMCAxNi40NiAxMy41Ii8+PHBvbHlnb24gcG9pbnRzPSIxOS4xIDU0IDYuMDkgNTQgOS41NSA0MC41IDIyLjU1IDQwLjUgMTkuMSA1NCIvPjxwb2x5Z29uIHBvaW50cz0iMCAxMy41IDAgMjcgMy40NSAxMy41IDAgMTMuNSIvPjxwb2x5Z29uIHBvaW50cz0iMCAyNyAwIDQwLjUgOS41NSA0MC41IDEzIDI3IDAgMjciLz48cG9seWdvbiBwb2ludHM9IjI2IDEzLjUgMTYuNDYgMTMuNSAxMyAyNyAyNiAyNyAyNiAxMy41Ii8+PHBvbHlnb24gcG9pbnRzPSIyNiAyNy4wMyAyMi41NSA0MC41IDI2IDQwLjUgMjYgMjcuMDMiLz48L3N2Zz4=");
        background-size: auto, 26px 54px;
        border-bottom: 1px solid #E4E4E4;
    }
	
	#headerTopRight {
		padding-right: 20px;
	}
	#headerTopRight .headerTopItem + .headerTopItem {
		margin-left: 20px;
		padding-left: 16px;
	}
	#headerTopRight .headerTopItem {
		background-color: rgba(255,255,255,0.85);
		padding: 3px 16px 1px;
		border-radius: 15px;
		border: 1px solid rgba(0,0,0,0.1);
	}
	#headerTop, #headerTop a {
		color: rgba(0,0,0,1.00);
	}
	#headerTop, #headerTop a:hover {
		text-decoration: none!important;
	}
}

@media only screen and (max-width : 950px) {
    #headerTopLanguage {
        position: relative;
    }

    #headerTopLanguage::before {
        float: none;
        width: 28px;
        height: 28px;
        margin: 10px;
    }

    #headerTopLanguage span {
        display: flex;
        flex-flow: column;
        line-height: 18px;
        position: absolute;
        background-color: rgba(12, 34, 62, 1.00);
        height: 18px;
        min-width: 18px;
        border-top-left-radius: 50%;
        bottom: 4px;
        right: 6px;
        z-index: 5;
        padding: 0 5px;
        font-size: 1.2rem;
    }
}

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

    #headerTopRight .headerTopLink.headerTopFacebook {
        display: none !important;
    }
    #headerNotification #headerNotificationText{
        font-size: 1.4rem;
        line-height: 1.2em;
    }
	
}

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

#menuPrimary {
    display: flex;
    flex-flow: row;
    width: 100%;
    height: 64px;
    background-color: rgba(216,0,0,1.00);
    border-bottom: 4px solid rgba(0,0,0,0.40);
}

#menuPrimary a {
    display: flex;
    flex: 1 0 20%;
    color: #fff;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    font-size: 2.4rem;
    transition: background .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#menuPrimary a:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: rgba(170,0,0,1.00);
}

#menuPrimary a.selected {
    background-color: rgba(130,0,0,1.00);
}

#menuSecondary {
    display: flex;
    width: 100%;
    background-color: #ededed;
    align-content: center;
}

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

p a.file,
ul a.file {
    background: url("../img/icon-file.svg") no-repeat left center;
    padding-left: 26px;
}

p a.file[href*=".txt"] {
    background: url("../img/icon-file-txt.svg") no-repeat left center;
}

p a.file[href*=".xls"],
p a.file[href*=".xlsx"] {
    background: url("../img/icon-file-xls.svg") no-repeat left center;
}

p a.file[href*=".doc"],
p a.file[href*=".docx"] {
    background: url("../img/icon-file-doc.svg") no-repeat left center;
}

p a.file[href*=".pdf"],
ul a.file[href*=".pdf"] {
    background: url("../img/icon-file-pdf.svg") no-repeat left center;
}

a.external {
    background: url("../img/icon-external-link.svg") no-repeat right center;
    padding-right: 20px;
    background-size: 18px;
}

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

p img.contentImg100 {
    width: 100%;
}

p img.contentImg50 {
    width: 50%;
}

p img.contentImg33 {
    width: 33.33%;
}

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

.animated {
    opacity: 0;
}

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

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

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

#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;
}

#home #hero {
    border-bottom: none;
}

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

#heroCutomerBadge {
	display: block;
	width: 100%;
	max-width: 140px;
	height: auto;
	position: absolute;
	top: 20px;
	right: 40px;
}

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

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

.contentContainer.contentHeroHome {
    margin-top: -150px;
}

#home h2 {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1em;
}

#home h3 {
    font-size: 4.8rem;
    line-height: 0.9em;
}

#home h2.homeClasificationTitle,
.adom h2.homeClasificationTitle,
.availability h2.homeClasificationTitle {
	background-color: rgba(0,0,0,0.10);
	padding: 10px 0 10px 20px;
    font-size: 3.6rem;
}

.adom main .contentContainer:nth-of-type(2) {
    margin-top: -14px;
    z-index: 1;
}

.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.6rem;
    /*background-color: rgba(242, 242, 242, 1.00);
	padding: 20px;*/
}

.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: 30px;
    position: relative;
    line-height: 24px;
}

.checkmark::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url("../img/icons-checkmark.svg");
    background-size: contain;
}

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

.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);
}

.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: 700;
    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 : 1420px) {
    .contentContainer.contentHeroHome {
        margin-top: -120px;
    }
}

@media only screen and (max-width : 1023px) {
    section.contentContainer.title {
        margin-top: 40px;
    }

    .contentContainer.contentHeroHome {
        margin-top: -80px;
        margin-bottom: 0;
    }
}

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

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

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

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

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

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

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

    .homeTitleLogo {
        width: 100%;
        min-width: auto;
        max-width: 460px;
    }

    .contentContainer.contentHeroHome {
        margin-top: -60px;
    }
	
	#home h2.homeClasificationTitle,
    .availability h2.homeClasificationTitle {
		padding: 10px;
	}
	
}

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

    .contentContainer.contentHeroHome {
        margin-top: -30px;
    }

	#home .vehicleBoxContainer h2 {
		font-size: 2.4rem;
	}

	#heroCutomerBadge {
		width: 30%;
		top: 10px;
		right: 20px;
	}
	
	#home h2.homeClasificationTitle,
    .availability h2.homeClasificationTitle {
		font-size: 2.8rem;
	}
	
}

/* 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%;
    height: 48px;
	border-radius: 24px;
    line-height: 48px;
    background-color: rgba(216,0,0,1.00);
    color: #fff;
	padding: 0 40px;
	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: 700;
	border-radius: 8px;
	font-size: 2rem;
	background-image: url("../img/premium-badge.svg");
	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);
}

.vehiclePlate {
    display: flex;
    width: 122px;
    background-color: #FFF;
    border-radius: 4px;
    padding: 2px;
    height: 30px;
}

.vehiclePlate {
    justify-content: center;
    margin: 0 auto;
}

.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;
}

.vehiclePlateInner span {
    font-weight: 700;
    width: 110px;
    text-align: center;
    line-height: 20px;
    font-size: 2rem;
}

.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.7rem;
    line-height: 6px;
    padding-top: 12px;
}

.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.6rem;
    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.badgeTransmission {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDMxLjk4LDEyMC4wMWM4Ljg0LDAsMTYtNy4xNiwxNi0xNnYtMTZoMjRjMjIuMDYsMCw0MC0xNy45NCw0MC00MHMtMTcuOTQtNDAtNDAtNDBoLTQwYy04Ljg0LDAtMTYsNy4xNi0xNiwxNlYxMDQuMDFjMCw4Ljg0LDcuMTYsMTYsMTYsMTZabTE2LTgwaDI0YzQuNDEsMCw4LDMuNTksOCw4cy0zLjU5LDgtOCw4aC0yNHYtMTZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDcxLjk4LDEzNi4wMWgtNDBjLTguODQsMC0xNiw3LjE2LTE2LDE2djgwYzAsOC44NCw3LjE2LDE2LDE2LDE2czE2LTcuMTYsMTYtMTZ2LTE2aDI0YzQuNDEsMCw4LDMuNTksOCw4djhjMCw4Ljg0LDcuMTYsMTYsMTYsMTZzMTYtNy4xNiwxNi0xNmMwLTEwLjE5LC43OS0yMC4yOS04LjAyLTMyLDE5LjY1LTI2LjEyLDEuMDYtNjQtMzEuOTgtNjRabS0yNCw0OHYtMTZoMjRjNC40MSwwLDgsMy41OSw4LDhzLTMuNTksOC04LDhoLTI0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ3MS45OCwyNjRoLTQwYy04Ljg0LDAtMTYsNy4xNi0xNiwxNnY4MGMwLDguODQsNy4xNiwxNiwxNiwxNmg0MGMyMi4wNiwwLDQwLTE3Ljk0LDQwLTQwdi0zMmMwLTIyLjA2LTE3Ljk0LTQwLTQwLTQwWm04LDcyYzAsNC40MS0zLjU5LDgtOCw4aC0yNHYtNDhoMjRjNC40MSwwLDgsMy41OSw4LDh2MzJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDk1Ljk4LDM5MmMtOC44NCwwLTE2LDcuMTYtMTYsMTZ2MzQuMzlsLTM1LjUtNDQuMzhjLTkuNDItMTEuNzgtMjguNDktNS4wOS0yOC40OSw5Ljk5djgwYzAsOC44NCw3LjE2LDE2LDE2LDE2czE2LTcuMTYsMTYtMTZ2LTM0LjM5bDM1LjUsNDQuMzhjOS40MiwxMS43OCwyOC40OSw1LjA5LDI4LjQ5LTkuOTl2LTgwYzAtOC44NC03LjE2LTE2LTE2LTE2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI2My45OSwyNDAuMTNWODguMDFjMC0yMy41LTkuMTUtNDUuNi0yNS43OC02Mi4yMkMxODIuOTItMjkuNTEsODgsMTAuMTMsODgsODguMDFWMjQwLjEzYy0xOC41NiwxLjMyLTMzLjksMTQuNDMtMzguNTUsMzEuODhoLTEwLjQ1Yy0yMS41LDAtMzksMTcuNDktMzksMzl2MTBjMCwyMS41LDE3LjQ5LDM5LDM5LDM5aDEwLjQ1YzQuNjUsMTcuNDQsMTkuOTksMzAuNTYsMzguNTUsMzEuODh2MzIuMTJjMCw0OC41MiwzOS40OCw4OCw4OCw4OHM4OC0zOS40OCw4OC04OHYtMzIuMTJjMjIuMzItMS41OCw0MC0yMC4yNCw0MC00Mi45NXYtNjUuODVjMC0yMi43Mi0xNy42OC00MS4zNy00MC00Mi45NWgwWk0xNzUuOTksMzIuMDFjMzAuOTQsMCw1NiwyNS4wNSw1Niw1NlYyNDBoLTE2Vjg3LjA3YzAtMjEuNTQtMTcuNTItMzkuMDYtMzkuMDYtMzkuMDYtMjUuMjYsMC00MC45NCwxOC43NS00MC45NCwzOS4wNlYyNDBoLTE2Vjg4LjAxYzAtMzAuODgsMjUuMTItNTYsNTYtNTZabTgsMjA3Ljk5aC0xNlY4Ny4wN2MwLTMuODksMy4xNy03LjA2LDcuMDYtNy4wNmgxLjg4YzMuODksMCw3LjA2LDMuMTcsNy4wNiw3LjA2VjI0MGgwWk0zMiwzMjF2LTEwYzAtMy44NiwzLjE0LTcsNy03aDl2MjRoLTljLTMuODYsMC03LTMuMTQtNy03Wm0xNDMuOTksMTU4Ljk5Yy0zMC44OCwwLTU2LTI1LjEyLTU2LTU2di0zMmgxNnYzMmMwLDIyLjA2LDE3Ljk0LDQwLDQwLDQwczQwLTE3Ljk0LDQwLTQwdi0zMmgxNnYzMmMwLDMwLjg4LTI1LjEyLDU2LTU2LDU2Wm0tOC04OGgxNnYzMmMwLDQuNDEtMy41OSw4LTgsOHMtOC0zLjU5LTgtOHYtMzJabTEwNC00My4wN2MwLDYuMTEtNC45NywxMS4wOC0xMS4wNywxMS4wOEg5MS4wN2MtNi4xMSwwLTExLjA3LTQuOTctMTEuMDctMTEuMDh2LTY1Ljg1YzAtNi4xMSw0Ljk3LTExLjA4LDExLjA3LTExLjA4aDE2OS44NGM2LjExLDAsMTEuMDcsNC45NywxMS4wNywxMS4wOHY2NS44NVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNTkuOTksNDguMDFoLTI0Yy04Ljg0LDAtMTYsNy4xNi0xNiwxNnM3LjE2LDE2LDE2LDE2aDI0YzguODQsMCwxNi03LjE2LDE2LTE2cy03LjE2LTE2LTE2LTE2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM1OS45OSwxNzYuMDFoLTI0Yy04Ljg0LDAtMTYsNy4xNi0xNiwxNnM3LjE2LDE2LDE2LDE2aDI0YzguODQsMCwxNi03LjE2LDE2LTE2cy03LjE2LTE2LTE2LTE2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM1OS45OSwzMDRoLTI0Yy04Ljg0LDAtMTYsNy4xNi0xNiwxNnM3LjE2LDE2LDE2LDE2aDI0YzguODQsMCwxNi03LjE2LDE2LTE2cy03LjE2LTE2LTE2LTE2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM1OS45OSw0MzJoLTI0Yy04Ljg0LDAtMTYsNy4xNi0xNiwxNnM3LjE2LDE2LDE2LDE2aDI0YzguODQsMCwxNi03LjE2LDE2LTE2cy03LjE2LTE2LTE2LTE2WiIvPjwvc3ZnPg==");
    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: bold;
    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;
    font-weight: 500;
    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: space-between;
    width: 65%;
    flex-flow: column;
    padding-left: 20px;
}
.vehicleBoxDescription a:hover {
	text-decoration: none;
}
.vehicleBoxDescription a:hover h2 {
	text-decoration: underline;
	text-decoration-color: rgba(216,0,0,1.00);
	text-decoration-thickness: 4px;
}

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

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

.vehicleBoxDescription h2 span,
h1.adom span {
    font-size: 1.6rem;
    line-height: 1em;
    color: rgba(216, 0, 0, 1.00);
    font-weight: 700;
	white-space: nowrap;
}

.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;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px dotted rgba(0,0,0,0.30);
    padding: 4px 6px;
    font-size: 1.5rem;
    line-height: 20px;
}

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: background .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.vehicleBadge:hover {
    background-color: rgba(130, 0, 0, 1.00);
    border: 1px solid rgba(130, 0, 0, 1.00);
}

.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: 10px;
}

.badgeKlima span::before {
    background-image: url("../img/icons-air-conditioner.svg");
}

.badgeOsebe span::before {
    background-image: url("../img/icons-passenger.svg");
}

.badgePostelja span::before {
    background-image: url("../img/icons-sleeping-in-bed.svg");
}

.badgeNosilec span::before {
    background-image: url("../img/icons-bicycle.svg");
}

.badgeZimski span::before {
    background-image: url("../img/icons-winter.svg");
}

.badgeSolar span::before {
    background-image: url("../img/icons-solar.svg");
}

.badgeOgled span::before {
    background-image: url("../img/icons-360-view.svg");
}

a.badgeOgled span::before {
    background-image: url("../img/icons-360-view2.svg");
}

.badgeKljuka span::before {
    background-image: url("../img/icons-kljuka.svg");
}

.badgeLicense span::before {
    background-image: url("../img/icons-driver-license.svg");
}

.badgeVikend span::before {
    background-image: url("../img/icons-weekend-sale.svg");
}

.badgeVikend span::before {
    background-image: url("../img/icons-weekend-sale.svg");
}

.badgeSpeed span::before {
    background-image: url("../img/icons-speed.svg");
}

.badgeLifepo4 span::before {
    background-image: url("../img/icons-lifepo4.svg");
}

.badgeTurbo span::before {
    background-image: url("../img/icons-turbocharger.svg");
}

.badgeEngine span::before {
    background-image: url("../img/icons-engine.svg");
}

.badgeGas span::before {
    background-image: url("../img/icons-gas.svg");
}

.badgeDuo span::before {
    background-image: url("../img/icons-duo.svg");
}

.badgeShower span::before {
    background-image: url("../img/icons-shower.svg");
}

.badgeCarpet span::before {
    background-image: url("../img/icons-carpet.svg");
}

.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=');
}

.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: 700;
}

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

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

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

.vehicleBoxPrice > span {
    margin: 0 5px;
    color: rgba(216, 0, 0, 1.00);
    font-weight: 700;
    font-size: 2.4rem;
}

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

.btnRed {
    display: flex;
    height: 54px;
    color: #FFF;
    background-color: rgba(216, 0, 0, 1.00);
    padding: 0 40px;
    align-items: center;
    justify-content: center;
    transition: background .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 2rem;
    line-height: 1em;
}

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

@media (hover: none) {
    .btnRed: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("../img/icons-passenger.svg");
}

.vehicleProperty .propertyPostelja {
    background-image: url("../img/icons-sleeping-in-bed.svg");
}

.vehicleProperty .propertyDolzina {
    background-image: url("../img/icons-vehicle-lenght.svg");
}

.vehicleProperty .propertySirina {
    background-image: url("../img/icons-vehicle-width.svg");
}

.vehicleProperty .propertyVisina {
    background-image: url("../img/icons-vehicle-height.svg");
}

.vehicleProperty .propertyDolzina2 {
    background-image: url("../img/icons-trailer-lenght.svg");
}

.vehicleProperty .propertySirina2 {
    background-image: url("../img/icons-trailer-width.svg");
}

.vehicleProperty .propertyVisina2 {
    background-image: url("../img/icons-trailer-height.svg");
}

.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 {
        height: 44px;
    }
}

@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 h2 {
        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 {
		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;
}

.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;
}

.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 h2 {
    font-size: 2rem;
    line-height: 1.3em;
    margin: 10px 0;
}

.compactVehicleBoxContainer .vehicleBoxDescription span {
    font-size: 1.4rem;
    color: rgba(216, 0, 0, 1.00);
    font-weight: 700;
}

.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;
}

.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;
    }
}

/* 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: 700;
    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: 700;
    text-align: center;
    line-height: 1em;
}

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

.accessoriesDescription a {
    font-weight: 700;
    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;
    font-weight: 500;
    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: 700;
    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: 700;
	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: 700;
    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%;
}

.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;
        font-size: 1.8rem;
    }
}

/* 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 {
    width: 40px;
    height: 80px;
    border-radius: 0;
    background-color: #FFF;
}

/* 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: 700;
}

.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;
	border-top: 1px solid rgba(0,0,0,0.1);
}

.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: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
}

.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: 700;
}

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

a.linkMore span {
    position: relative;
    line-height: 1em;
    font-weight: 700;
    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 h1 {
        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 h1 {
        font-size: 2.2rem;
        line-height: 1.1em;
    }

    .articleListBlock {
        padding: 10px;
    }

    .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: 700;
    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('../img/icon-share-facebook.svg');
}

.articleShare.articleShareTwitter {
    background-image: url('../img/icon-share-twitter.svg');
}

.articleShare.articleSharePinterest {
    background-image: url('../img/icon-share-pinterest.svg');
}

.articleShare.articleShareLinkedin {
    background-image: url('../img/icon-share-linkedin.svg');
}

.articleShare.articleShareMail {
    background-image: url('../img/icon-share-mail.svg');
}

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

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

.contentInner.articleItemHeader {
	max-width: 1420px;
	padding: 0;
	border-top: 1px solid rgba(0,0,0,0.1);
}

.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: 700;
}

.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 {
    color: rgba(216,0,0,1.00);
    text-decoration: underline;
}

@media (hover: hover) {
    .contentInner.articleItemContent p a:hover,
    .contentInner.articleItemContent ul 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: 700;
}

@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: 700;
    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: 700;
    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: 700;
}

@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 20px;
}

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

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

.homeArticles .articleListGrid {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    width: 100%;
}

.homeArticles .articleItemBlock {
    width: 25%;
    margin-bottom: 0;
    padding: 20px 10px;
}

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

.homeArticles .articleItemImg {
    display: block;
    width: 100%;
	position: relative;
    overflow: hidden;
	padding-bottom: 69% !important;
}
.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%;
    margin-top: 20px;
}

@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 h1 {
    line-height: 1.2em;
    font-weight: 700;
}

@media only screen and (min-width : 768px) {
    .homeArticles .articleItemTitle h1 {
        font-size: 2rem;
    }
}

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

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

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

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

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

@media only screen and (max-width : 1023px) {
    .homeArticles .articleItemBlock:last-of-type {
        padding-left: 10px;
    }

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

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

    .homeArticles .articleItemBlock {
        width: 50%;
    }
}

@media only screen and (max-width : 460px) {
    .homeArticles .articleListGrid {
        flex-flow: column;
    }

    .homeArticles .articleItemBlock {
        width: 100%;
    }

    .homeArticles .articleItemBlock:last-of-type .newsItemBox {
        margin-bottom: 0;
    }
}

/* 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);
    font-weight: 500;
}

@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: 1420px;
        margin: 0 auto;
    }

    .crumblineInner {
        padding: 5px 20px;
    }
}

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

@media only screen and (max-width: 767px) {
    .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);
}
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: 700;
}
@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: 700;
    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: 700;
}

.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: 700;
    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;
}

.formRowName 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: 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;
    border: none;
}

@media (hover: hover) {
    #formSubmitBtn: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);
    }
}

#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: 44px;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 640px) {
    .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;
}
.contentContainer.availabilityContainer .contentInner {
    padding-top: 60px;
}
.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: 30px;
    background-color: #FFF;
    margin-top: 60px;
    border: 2px solid rgba(216,0,0,1.00);
}

.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: 767px) {
    .contentContainer.availabilityContainer .contentInner {
        padding-top: 40px;
    }
    .availabilityContainer #formContainer {
        margin-top: 40px;
        padding: 20px;
    }
}
@media only screen and (min-width: 641px) {
    .availabilityContainer .formRowName {
        padding-top: 0;
    }
}
@media only screen and (max-width: 640px) {
    .availabilityContainer #formDateInfo .formRowName {
        padding-top: 0;
    }
}

/* 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: 2px;
    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: 9px;
}

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

#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: 700;
    }

    .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: 700;
	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);
	font-weight: 500;
}
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: 80px 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;
}
.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;
		align-self: center;
}

.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: 10230px) {
    #newsletterContainer {
        margin: 60px 0 0;
    }
}
@media only screen and (max-width: 767px) {
	.newsletterFrame {
		padding: 20px;
	}
    .newsletterTitle {
        font-size: 1.8rem;
    }
}

/* 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;
}

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

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

@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);
    letter-spacing: 1px;
}

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: 2.4rem;
}

.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;
    font-weight: 500;
}

@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);
    font-weight: 500;
}

#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: 88px;	
}

@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;
}