/* [normalize.css] */ article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    margin: 0;
}

a {
    background: transparent;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
    display: block;
}

fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
    font-family: 'Roboto';
    src: url('/resource/css/fonts/roboto-bold-webfont.eot');
    src: url('/resource/css/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/resource/css/fonts/roboto-bold-webfont.woff2') format('woff2'),
    url('/resource/css/fonts/roboto-bold-webfont.woff') format('woff'),
    url('/resource/css/fonts/roboto-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/resource/css/fonts/roboto-light-webfont.eot');
    src: url('/resource/css/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/resource/css/fonts/roboto-light-webfont.woff2') format('woff2'),
    url('/resource/css/fonts/roboto-light-webfont.woff') format('woff'),
    url('/resource/css/fonts/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/resource/css/fonts/roboto-lightitalic-webfont.eot');
    src: url('/resource/css/fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/resource/css/fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
    url('/resource/css/fonts/roboto-lightitalic-webfont.woff') format('woff'),
    url('/resource/css/fonts/roboto-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('/resource/css/fonts/roboto-regular-webfont.eot');
    src: url('/resource/css/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/resource/css/fonts/roboto-regular-webfont.woff2') format('woff2'),
    url('/resource/css/fonts/roboto-regular-webfont.woff') format('woff'),
    url('/resource/css/fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.clearfix:before, .clearfix:after { /*to moram dati elementu, znotraj katerega so floatani elementi*/
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

wbr:after { content: "\00200B"; }

html {
    margin: 0;
    padding: 0;
    overflow-y: scroll; /*scrollbar vedno desno viden, da ne skače*/
}

body {
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    min-width: 280px; /*minimalna širina zaslona iphone1 je 320px*/
    width: 100%;
}

html, body {
    height: 100%;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

h1,h2 {
    font-size: 25px;
}

h3 {
    font-size: 20px;
    margin: 15px 0px;
}

select, input, textarea {
    font-family: 'Open Sans', sans-serif;
}

textarea {
    resize: none; /*pri obrazcu, da ne moreš raztegnit polja*/
}

p, div, span, option, a, ul, li {
    font-family: 'Open Sans', sans-serif;
    color: #000;
}


p, option, ul, li {
    font-size: 16px;
    line-height: 23px;
}

a {
    outline: none;
}
/*
a:hover {
    opacity: 0.8;
}*/

a.more {
    display: inline-block;
    color: #000000;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: transparent;
    border: 1px solid #ffcb05;
    padding: 6px 20px;
    margin-top: 5px;
    margin-right: 5px;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

a.more:hover {
    background-color:#ffcb05;
}

a.more.more-sm {
    padding: 2px 4px;
}

a.pdf,
a.pdf-print {
    display: inline-block;
    position: relative;
    padding: 15px 0px 15px 40px;
    text-decoration: none;
}

a.pdf:before,
a.pdf-print:before {
    display: block;
    font-family: 'ledinek';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content:'\0074';
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 30px;
}

a.pdf:before {
    color: #c73737;
}
a.pdf-print {
    float: right;
}


ul {
    list-style-type: disc;
    padding-left: 30px;

}

hr {
    clear: both;
    border-top: none;
}

.cbox {
    padding: 50px 0px;
    clear: both;
}

.cbox.columns {
    padding-top: 0px;
}

.color-beige {
    background-color: #e3e3d7;
}

.color-grey {
    background-color: #f6f6f6;
}

.color-white {
    background-color: white;
}

.color-yellow {
    background-color: #ffcb05;
}

.cbox .inner,
footer .inner {
    margin: 0 auto;
    width: 90%;
}

.cbox .inner > h1:last-child,
.cbox .inner > h2:last-child,
.cbox .inner > h3:last-child,
.cbox .inner > p:last-child {
    margin-bottom: 0px;
}


hr {
    clear: both;
    height: 0px;
    margin: 0px;
    overflow: hidden;
    border: none;

}


.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 40%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}

.page-spinner-bar > div {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    background: #eee;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.page-spinner-bar > div, .block-spinner-bar > div {
    background: #ffcb05;
}

.page-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

@-webkit-keyframes bounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}
@keyframes bounceDelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.page-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}


.overlay-blocked {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1000000;
}



.align-left {
    float: left;
}


/*.top-offset {*/
/*    height: 145px;*/
/*}*/

/*vcard//////////////////////////////////////////////////////////*/

.vcard a {
    text-decoration: none;
}

.vcard .fn {
    display: block;
}

.vcard address {
    font-style: normal;
    display: inline-block;
}

.vcard a.tel,
.vcard .role,
.vcard a.email {
    display: block;
}

.vcard a.tel span,
.vcard a.email span,
.vcard a.www span {
    display: inline-block;
    min-width: 19px;
}


/*figure//////////////////////////////////////////////////////*/

figure {
    overflow: hidden;
    margin: 20px 0px;
    max-width: 100%;
}

figcaption {
    text-align: center;
    font-size: 12px;
}

figure img{
    width: 100%;

}


/*shortcuts - machinen selektor in kalkulator//////////////////////////////////////////////////////*/


h2.shortcut {
    background-color: rgb(255,206,5);
    margin: 20px 0px;
}
h2.shortcut:first-child {
    margin-top: 40px !important;
}
h2.shortcut:last-child {
    margin-bottom: 40px !important;
}

h2.shortcut:hover{
    background-color: rgba(255, 206, 5, 0.8);
}

h2.shortcut a {
    display: block;
    position: relative;
    padding: 22px 0px 0px 80px;
    height: 58px;
    text-decoration: none;
}

h2.shortcut a:before {
    display: inline-block;
    font-family: 'ledinek';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    position: absolute;
    left: 14px;
    top: 14px;
}

h2.shortcut.selector a:before {
    content: '\006b';
}

h2.shortcut.calculator a:before {
    content: '\006c';
}



/*breadcrumbs////////////////////////////////////////////////////////////////////////////*/

#breadcrumb {
    text-align: right;
    font-size: 12px;
}

ul.crumbs {
    display: inline-block;
    padding: 2px;
    margin-top: 0px;
    border-bottom: 1px solid #aaa;
}

ul.crumbs li {
    display: inline-block;
}

.crumbs a {
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #aaaaaa;
}

.crumbs li:last-child a {
    color: #000000;
}

.crumbs li:hover a,
.crumbs li:last-child:hover a {
    color: #ffcb05;
}

.crumbs li:after {
    content: " - ";
    color: #aaaaaa;
}


.crumbs li:last-child:after {
    display: none;
}


/*table///////////////////////////////////////////////////////////////////////////////////////*/

table {
    width: 100%;
    margin: 40px 0px;
}

td, th {
    border-bottom:1pt solid #ffcb05;
    padding: 5px;
}

tr:first-child {
    background-color: #ffcb05;
    text-align: left;
    text-transform: uppercase;
}

caption {
    display: none;
}

col:first-child {
    width: 50%;
}
col:last-child {
    width: 10%;
}



/*youtube/////////////////////////////////////////////////////////////////////////////*/

.youtube-cont iframe.youtube {
    width: 100%;
    height: 200px;
    display: block;
    margin: 20px 0px;
}

.youtube-cont h2 {
    margin-top: 0px;
}



/* puščica to top//////////////////////////////////////////////////////*/

#to-top {
    display: block;
    position: fixed;
    overflow: hidden;
    right: 5px;
    bottom: 5px;
    cursor: pointer;
    background: #333333;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}

#to-top.fixed {
    opacity: 0.8;
}

#to-top.fixed:hover {
    opacity: 0.9;
}

#to-top span {
    display: none;
    width: 0px;
    height: 0px;
    margin: 10px 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}

#to-top.fixed span {
    display: block;
}




/* prelomi//////////////////////////////////////////////////////*/



@media all and (min-width: 500px) {


    iframe.youtube {
        height: 280px;
    }
}






@media all and (min-width: 700px) {


    iframe.youtube {
        height: 350px;
    }

    figure.pos-left,
    figure.pos-right {
        width: 49%;
    }

    figure.pos-left {
        float: left;
        margin-right: 1%;
        clear: left;
    }

    figure.pos-right {
        float: right;
        margin-left: 1%;
        clear: right;
    }

    h2.shortcut {
        width: 49%;
    }

    h2.shortcut,
    h2.shortcut:first-child,
    h2.shortcut:last-child {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    h2.shortcut:nth-child(odd){
        float: left;
        clear: left;
        margin-bottom: 0px;
    }

    h2.shortcut:nth-child(even){
        float: right;
        clear: right;
        margin-top: 0px;
    }


}

@media all and (min-width: 700px) {
    .youtube-cont {
        width: 49%;
    }

    .youtube-cont iframe.youtube {
        width: 100%;
        height: 250px;
        margin: 0px;
    }

    .youtube-cont.pos-left {
        float: left;
        clear: left;
        margin-right: 1%;
    }

    .youtube-cont.pos-right {
        float: right;
        clear: right;
        margin-left: 1%;
    }


}





@media all and (min-width: 800px) {
    a:not([href]):after,
    *:target {
        display: block;
        content: ' ';
        padding-top: 60px;
        margin-top: -60px;
    }


    .youtube-cont iframe.youtube {
        height: 270px;
    }
}







@media all and (min-width: 900px) {

    #main-menu .logo i {
        font-size: 140px;
        margin-top: -37px;
    }

    #main-menu nav > span {
        max-width: 19%;
        padding-left: 15px;
    }



    header.fixed-head #main-menu .logo i {
        font-size: 128px;
        margin-top: -37px;
    }



    .youtube-cont iframe.youtube {
        height: 290px;
    }
}






@media all and (min-width: 1000px) {

    .youtube-cont iframe.youtube {
        height: 300px;
    }
}







@media all and (min-width: 1600px) {
    .cbox .inner {
        width: 1500px;
    }

    .landscape .cbox .inner {
        width: 1760px;
    }
}



/*highlights////////////////////////////////////*/


section.cbox.parallax {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-image: url("/resource/css/img/footer.jpg");
    padding: 100px 0px;
}

section.cbox.parallax .inner {
    display: flex;
    flex-direction: column;
    gap: 40px 40px;
}

.highlight,
.highlight * {
    text-align: center;
    line-height: normal;
}

.highlight p {
    margin: 10px 0px;
}

.highlight p.icon {
    display: none;
}

.highlight p.icon img {
    width: 60px;
}

.highlight p.icon i {
    font-size: 50px;
    color: #ffffff;
}

.highlight p.number,
.highlight p.number span.num {
    font-size:45px;
    padding-bottom: 10px;
    color: #ffcb05;
    font-weight: bold;
    position: relative;
}

.highlight p.number:after {
    content: " ";
    display: block;
    width: 100px;
    border-bottom: solid 2px #aaaaaa;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -50px;
}

.highlight p.text {
    color: #eeeeee;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
}



@media (min-width: 600px) {


    section.cbox.parallax .inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .highlight {
        flex: 1 0 18%;
        padding: 0px 1% 0px 1%;
    }
}






/*footer ////////////////////////////////////////////////*/

footer * {
    color: #aaaaaa;
}
footer ul  {
    list-style-type: none;
    padding: 0px;
}
footer p,
footer ul li,
footer .vcard *,
footer a {
    font-size: 14px;
    line-height: normal;
}

footer .cbox {
    margin: 0px;
}

#footer-row,
#footer-wins {
    margin: 0px;
    padding: 20px 0px;
}

#footer-row {
    background-color: #282828;
}
#footer-wins  {
    background-color: black;
}

#footer-row .inner {
    display: flex;
    flex-direction: column;
    gap: 40px 40px;
}

#footer-row a {
    text-decoration: none;
}


footer nav a,
footer .vcard span.street-address,
footer .vcard span.country-name {
    display: block;
}

footer .vcard a.tel{
    color: #ffffff;
}

footer .vcard a.email {
    color: #ffcb05;
}

footer h2.logo {
    height: 40px;
    overflow: hidden;
    position: relative;
}

footer h2.logo span {
    position: absolute;
    left: -100px;
    top: -100px;
}

footer h2.logo i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #666666;
    display: block;
    font-size: 160px;
}

footer h3 {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}


@media (max-width: 599px) {

    footer * {
        text-align: center;
    }
}


@media (min-width: 600px) {

    footer h2.logo i {
        left: 0px;
        transform: translate(0px, -50%);
    }

    #footer-row .inner {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #footer-row .inner .footer-col {
        width: 45%;
    }

    #footer-row .inner .footer-col:first-child{
        width: 100%;
    }
}




@media (min-width: 800px) {
    #footer-row .inner {
        column-gap: 60px;
    }

    #footer-row .inner .footer-col {
        flex: 1 0 25%;
    }


}


@media (min-width: 1200px) {
    #footer-row .inner {
        flex-wrap: nowrap;
        column-gap: 80px;
    }

    #footer-row .inner .footer-col {
        flex: 1 0 10%;
    }


    #footer-row .inner .footer-col:first-child {
        flex-grow: 3;
        padding-right: 60px;
    }


}




.social {
    text-align: center;
    margin: 20px 0px;
}

.social a {
    display: inline-block;
    margin: 0px 10px;
}

.social a:first-child {
    margin-left: 0px;
}

.social a:last-child {
    margin-right: 0px;
}

.social img {
    width: 30px;
    display: block;
}


@media (min-width: 600px) {
    .social {
        text-align: left;
    }
}




#footer-wins .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


#footer-wins .inner a,
#footer-wins .inner span {
    text-decoration: none;
    display: block;
}

#footer-wins .inner img {
    display: block;
    width: 100%;
}



@media (min-width: 250px) {
    #footer-wins .inner img {
        width: 80%;
        max-width: 300px;
        margin: 0 auto;
    }
}

@media (min-width: 700px) {
    #footer-wins .inner {
        flex-direction: row;
        flex-wrap: wrap;
    }

    #footer-wins .inner img {
        width: auto;
        max-width: 1000px;
        height: 100px;
    }
}





.copyright {
    background-color: black;
    padding: 15px 0px;
    font-size: 12px;
}

.copyright .inner > *:first-child {
    margin-top: 0px;
}
#left-menu {
    position: relative;
    height: 0px;
    overflow: visible;
    z-index: 999;
}

#left-menu a {
    text-decoration: none;
}

#left-menu .cont-abs {
    position: absolute;
    right: 100%;
    top: 470px;
}

#left-menu.no-slider .cont-abs {
    top: 190px;
}

#left-menu.opened .cont-abs {
    right: auto;
    left: 0px;
}

#left-menu .cont-rel {
    position: relative;
}

#left-menu nav {
    background-color: #282828;
    width: 140px;
}


#left-menu .opener {
    display: block;
    width: 0px;
    height: 0px;
    overflow: visible;
    position: absolute;
    right: 0px;
    top: 0px;
}
#left-menu .opener span {
    display: block;
    position: relative;
    width: 0px;
    height: 0px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#left-menu .opener span a {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    outline: none;
    padding: 2px 6px;
    background: #282828;
    color: #ffcb05;
}

#left-menu.opened .opener span a {
    background: #282828;
}


#left-menu.fixed .cont-abs {
    position: fixed;
    top: 84px;
}

#left-menu nav ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    transition: max-height 0.4s ease-in;
    max-height: 100vh;
    overflow: hidden;
}
#left-menu nav ul.hidden {
    max-height: 0px;
    transition: max-height 0.4s ease-out;
}

#left-menu nav ul li a {
    position: relative;
    display: block;
    color: white;
    padding: 5px 10px;
}

#left-menu nav ul li a.active {
    color: #ffcb05;
}

#left-menu nav ul li ul {
    background-color: #ffcb05;
}

#left-menu nav ul li ul * {
    color: black;
}

#left-menu nav ul li ul a {
    font-size: 14px;
    padding: 3px 10px;
}
#left-menu nav ul li ul a.active {
    color: #666;
}

#left-menu nav ul li ul li ul {
    background-color: #ffdd5c;
    list-style-type: disc;
    padding-left: 30px;
}

#left-menu nav ul li ul li ul a {
    padding: 0px;
}


/* prelomi//////////////////////////////////////////////////////*/



@media all and (min-width: 1200px) {


    #left-menu .cont-abs {
        top: 590px;
    }

    #left-menu.no-slider .cont-abs {
        top: 200px;
    }

    #left-menu.fixed.no-slider .cont-abs {
        top: 84px;
    }


}


@media all and (min-width: 1420px) {

    #left-menu .cont-abs {
        right: auto;
        left: 0px;
    }


    #left-menu .opener {
        display: none;
    }
}

@font-face {
  font-family: 'ledinek';
  src:  url('/resource/css/fonticons/fonts/ledinek.eot?qrdk20');
  src:  url('/resource/css/fonticons/fonts/ledinek.eot?qrdk20#iefix') format('embedded-opentype'),
    url('/resource/css/fonticons/fonts/ledinek.ttf?qrdk20') format('truetype'),
    url('/resource/css/fonticons/fonts/ledinek.woff?qrdk20') format('woff'),
    url('/resource/css/fonticons/fonts/ledinek.svg?qrdk20#ledinek') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ledinek-"], [class*=" ledinek-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ledinek' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ledinek-kmpi:before {
  content: "\e901";
}
.ledinek-sound:before {
  content: "\ea26";
}
.ledinek-mute:before {
  content: "\ea2a";
}
.ledinek-calendar:before {
  content: "\e953";
}
.ledinek-logo-icon:before {
  content: "\e900";
}
.ledinek-width:before {
  content: "\41";
}
.ledinek-height:before {
  content: "\42";
}
.ledinek-cutterheads:before {
  content: "\43";
}
.ledinek-diameter-feeding-rollers:before {
  content: "\44";
}
.ledinek-feeding-speed:before {
  content: "\45";
}
.ledinek-rotor-diameter:before {
  content: "\46";
}
.ledinek-saw-blade-diameter:before {
  content: "\47";
}
.ledinek-pressing-width:before {
  content: "\48";
}
.ledinek-lamella-width:before {
  content: "\49";
}
.ledinek-pressing-length:before {
  content: "\4a";
}
.ledinek-clamping-height:before {
  content: "\4b";
}
.ledinek-pressing-thickness:before {
  content: "\e90b";
}
.ledinek-pressing-width-2:before {
  content: "\4d";
}
.ledinek-pressing-length-2:before {
  content: "\4e";
}
.ledinek-cutting-width:before {
  content: "\4f";
}
.ledinek-band-wheel-diameter:before {
  content: "\50";
}
.ledinek-cutting-width-2:before {
  content: "\51";
}
.ledinek-height-2:before {
  content: "\52";
}
.ledinek-cutting-length:before {
  content: "\53";
}
.ledinek-input-length:before {
  content: "\54";
}
.ledinek-cycles:before {
  content: "\55";
}
.ledinek-diameter-finger-cutters:before {
  content: "\56";
}
.ledinek-width-2:before {
  content: "\57";
}
.ledinek-depth:before {
  content: "\58";
}
.ledinek-cutting-force:before {
  content: "\59";
}
.ledinek-diameter:before {
  content: "\5a";
}
.ledinek-number-knifes:before {
  content: "\61";
}
.ledinek-revolutions:before {
  content: "\62";
}
.ledinek-feed-per-tooth:before {
  content: "\63";
}
.ledinek-wave-depth:before {
  content: "\64";
}
.ledinek-average-chip-thickness:before {
  content: "\65";
}
.ledinek-cutting-power:before {
  content: "\66";
}
.ledinek-cutting-speed:before {
  content: "\67";
}
.ledinek-cross-section:before {
  content: "\68";
}
.ledinek-cross-section-2:before {
  content: "\69";
}
.ledinek-machine:before {
  content: "\6a";
}
.ledinek-search:before {
  content: "\6b";
}
.ledinek-calculator:before {
  content: "\6c";
}
.ledinek-dropdown-arrow:before {
  content: "\6d";
}
.ledinek-share:before {
  content: "\6e";
}
.ledinek-team:before {
  content: "\6f";
}
.ledinek-flag:before {
  content: "\70";
}
.ledinek-award:before {
  content: "\71";
}
.ledinek-logo-full:before {
  content: "\72";
}
.ledinek-logo:before {
  content: "\73";
}
.ledinek-pdf:before {
  content: "\74";
}
.ledinek-360:before {
  content: "\76";
}
.ledinek-search-2:before {
  content: "\f002";
}
.ledinek-envelope-o:before {
  content: "\f003";
}
.ledinek-calendar1:before {
  content: "\f073";
}
.ledinek-facebook-square:before {
  content: "\f082";
}
.ledinek-linkedin-square:before {
  content: "\f08c";
}
.ledinek-phone:before {
  content: "\f095";
}
.ledinek-menu:before {
  content: "\75";
}
.ledinek-caret-down:before {
  content: "\f0d7";
}
.ledinek-caret-up:before {
  content: "\f0d8";
}
.ledinek-caret-left:before {
  content: "\f0d9";
}
.ledinek-caret-right:before {
  content: "\f0da";
}
.ledinek-angle-left:before {
  content: "\f104";
}
.ledinek-angle-right:before {
  content: "\f105";
}
.ledinek-angle-up:before {
  content: "\f106";
}
.ledinek-angle-down:before {
  content: "\f107";
}
.ledinek-youtube-play:before {
  content: "\f16a";
}
.ledinek-instagram:before {
  content: "\f16d";
}
.ledinek-file-pdf-o:before {
  content: "\f1c1";
}
.ledinek-calculator-2:before {
  content: "\f1ec";
}

.test-icons p i {
    font-size: 50px;
}


@media (min-width: 1200px) {
    #top-head .header-menus {
        min-width: 450px;
        float: right;
    }
    #top-head .company-links {
        float: left;
        margin-top: 10px;
    }
    #top-head .languge {
        float: right;
    }
}


/* company links ////////////////////////////////////////////////////////////////////////////////////////////////*/

.company-links {
    text-align: center;
}
.company-links a {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    background: #ffffff;
    padding: 3px 5px;
}

.company-links a.active {
    background: #000000;
    color: #ffcb05;
}

@media (min-width: 1200px) {
    .company-links {
    }

    .company-links a.active {
        background: #ffcb05;
        color: #000000;
    }
}




/* language ////////////////////////////////////////////////////////////////////////////////////////////////*/
.language {
    text-align: right;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin-top: 25px;
}

.language a {
    font-size: 12px;
    display: inline-block;
    outline: none;
    padding: 2px;
}


.language a:hover,
.language a:focus,
.language a.active {
    font-weight: bold;
}


.language a:after {
    content: "|";
    display: inline-block;
    margin-left: 8px;
}


.language a:last-child:after {
    display: none;
}




/*prelomi language/////*/


@media all and (min-width: 1000px) {
    .language {
        margin-right: 0px;
        margin-top: 10px;
    }

}



/*header //////////////////////////////////////////////////*/

header .cbox {
    margin: 0px;
}

header a {
    text-decoration: none;
    outline: none;
}

#head, #top-head {
    margin: 0px;
    padding: 0px;
}

/*top-head//////////////////////////////////////////////////*/


#top-head {
    background-color: #ffcb05;
    position: relative;
}

#top-head .logo {
    position: relative;
}

#top-head .logo a {
    display: block;
    text-align: center;
    outline: none;
    font-size: 205px;
    padding: 30px;
    height: 45px;
    overflow: hidden;
    position: relative;
}

@media (min-width: 1200px) {
    #top-head .logo a {
        padding-left: 0px;
        width: 205px;
    }
}

#top-head .logo i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 1200px) {
    #top-head .logo i {
        left: 0px;
        transform: translate(0px, -50%);
    }
}

#top-head .logo span {
    position: absolute;
    left: -100px;
    top: -100px;
}




#top-head .contact-head {
    float: left;
    margin-top: 25px;
    margin-left: 40px;
}

#top-head .contact-head .vcard{
    display: flex;
}

#top-head .contact-head .contact {
    margin-right: 30px;
}

#top-head .contact-head .contact * {
    display: block;
    line-height: normal;
}

#top-head .contact-head .contact > span {
    float: right;
    margin-top: 10px;
}

#top-head .contact-head .contact > .contact-icon {
    float: left;
    color: #ffcb05;
    border-radius: 50%;
    border: solid 2px #ffcb05;
    width: 49px;
    margin-right: 20px;
    text-align: center;
    font-size: 25px;
    height: 36px;
    padding-top: 13px;
}
#top-head .contact-head .contact.email > .contact-icon {
    height: 37px;
    padding-top: 12px;
    text-indent: 1px;
}

#top-head .contact-head .contact .contact-type {
    font-size: 12px;
    color: #808080;
}


#top-head .contact-head .contact .contact-data {
    font-size: 16px;
    font-weight: bold;
}


#top-head .top-head-search {

}


/*head - main-menu//////////////////////////////////////////////////*/
#top-menu ul,
#top-menu li,
#main-menu ul,
#main-menu li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#top-menu a {
    padding: 10px 25px;
    display: block;
    outline: none;
    font-size: 14px;
}

#main-menu a {
    color: #ffffff;
    padding: 10px 25px;
    display: block;
    outline: none;
}

#main-menu li:hover > a,
#main-menu li.has-submenu:hover > a:after,
#main-menu a:focus {
    color: #ffcb05;
}

#main-menu .active > a {
    color: #ffcb05;
}


#head .menu-shortcuts {
    background-color: #ffcb05;
    text-align: center;
}


.menu-shortcuts .shortcut {
    display: block;
    outline: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    min-height: 23px;
}


.menu-shortcuts .shortcut.icon i {
    font-size: 20px;
    margin-right: 1px;
}

/*prelomi ////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 1199px) {

    #top-menu {
        display: none;
    }

    #head .inner {
        width: 100%;
    }

    #menu-btn {
        text-align: center;
        background-color: #000000;
    }

    #menu-btn a {
        display: block;
        padding: 10px 5px;
        color: #ffffff;
        outline: none;
        font-size: 30px;
    }


    #main-menu {
        overflow: hidden;
        display: none;
        background-color: #000000;
    }

    #main-menu > ul > li {
        border-bottom: solid 1px #575c61;
    }

    #main-menu > ul > li:first-child{
        border-top: solid 1px #575c61;
    }

    #main-menu ul ul {
        max-height: 0px;
        overflow: hidden;
    }

    #main-menu li.submenu-open > ul {
        display: block;
        max-height: 600px;
        padding: 10px 0px;
    }

    #main-menu ul ul a {
        text-transform: none;
        padding: 10px 25px 10px 40px;
    }

    #main-menu ul ul ul a {
        text-transform: none;
        padding: 5px 25px 5px 50px;
    }

    #main-menu ul ul ul ul a {
        text-transform: none;
        padding: 2px 25px 2px 60px;
        color: #aaa;
    }

    #main-menu a.submenu-btn {
        display: block;
        float: right;
        text-align: center;
        font-size: 14px;
        color: #ffcb05;
        overflow: hidden;
        outline: none;
        clear: right;
    }

    #main-menu ul ul a.submenu-btn i {
        vertical-align: text-top;
    }

    #main-menu a.submenu-btn .ledinek-angle-up {
        display: none;
    }

    #main-menu li.submenu-open > a.submenu-btn .ledinek-angle-up {
        display: inline-block;
    }
    #main-menu li.submenu-open > a.submenu-btn .ledinek-angle-down {
        display: none;
    }
    #main-menu li.submenu-open > .rel-abs > .rel-pos .main-menu-bg > .inner > ul {
        border-top: solid 1px #575c61;
        display: block;
        max-height: 1600px;
        padding: 5px 0px;
    }

    #main-menu ul ul li.submenu-open > .rel-abs > .rel-pos .main-menu-bg > .inner > ul {
        border-top: none;
    }

    #main-menu ul ul li.submenu-open > .rel-abs > .rel-pos .main-menu-bg > .inner > ul li a:before {
        display: inline-block;
        content: '\2022';
        margin-right:5px;
    }

}


@media (max-width: 1400px) {

    #top-head .contact-head {
        display: none;
    }

}


@media (min-width: 1200px) {

    #menu-btn {
        display: none;
    }

    #top-menu a.submenu-btn,
    #main-menu a.submenu-btn {
        display: none;
    }



    #top-head {
        background: #ffcb05;
        position: relative;
    }

    #top-head .inner {
        position: relative;
        background: #ffffff;
    }

    #top-head:after {
        display: block;
        content: ' ';
        position: absolute;
        top: 0px;
        height: 100%;
        background: #ffffff;
    }

    #top-head .logo {
        background: #ffcb05;
        float: left;
        margin: 0px;
    }

    #top-menu {
        height:auto;
        display: block !important;
        position: relative;
        float: right;
        clear: right;
        margin-top: 3px;
    }

    #top-menu a {
        padding: 21px 12px;
        position: relative;
        outline: none;
        font-weight: 600;
    }

    #top-menu > ul{
   /*     display: inline-block;!important;*/
        display: flex;!important;
        text-align: left;
    }

    #top-menu .rel-pos{
        height: 0px;
        position: relative;
        overflow: visible;
        margin-top: -1px;
    }

    #top-menu ul li:hover > a {
        color: #ffcb05;
    }

    #top-menu > ul > li.has-submenu:hover > a:after {
        color: #ffcb05;
    }

    #top-menu > ul > li.has-submenu > a:after {
        content: "\f107";
        display: block;
        float: right;
        font-family: 'ledinek';
        font-size: 12px;
        margin-left:6px;
    }

    #top-menu ul ul {
        position: absolute;
        left: 0%;
        top: 0px;
        display: block;
        width: 200px;
        max-height: 0px;
        overflow: hidden;
        z-index: 15;
    }

    #top-menu .to-right ul {
        left: auto;
        right: 0px;
    }
    #top-menu .to-right ul ul {
        right: 200px;
    }

    #top-menu ul ul li a{
        display: block;
        background-color: #ffffff;
        padding: 15px 12px;
        border-bottom: 1px solid #eee;
    }
    #top-menu ul ul li.has-submenu > a {
        padding: 15px 20px 15px 12px;
    }
    #top-menu .to-right ul li.has-submenu > a {
        padding: 15px 20px 15px 12px;
    }

    #top-menu ul ul li:last-child a{
        border-bottom: none;
    }

    #top-menu ul li:hover > .rel-abs > .rel-pos > ul {
        max-height: 1600px;
        overflow: visible;
        border: 1px solid #eee;
    }

    #top-menu ul ul li {
        float: none;
        position: relative;
    }

    #top-menu ul ul li > .rel-abs {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 0px;
    }


    #top-menu > ul > li > .rel-pos > ul {
        padding-top: 10px;
    }

    #top-menu ul li:hover > .rel-pos > ul {
        max-height: 500px;
        overflow: visible;
    }


    #top-menu ul ul li.has-submenu > a:after {
        content: "\f105";
        display: block;
        position: absolute;
        right: 8px;
        top: 50%;
        font-family: 'ledinek';
        font-size: 12px;
        transform: translate(0%, -50%);
    }

    #top-menu ul ul li.has-submenu:hover > a:after {
        color: #ffcb05;
    }

    #top-menu ul ul ul {
        left: 100%;
        width: 100%;
    }


    #top-menu ul ul ul li:hover > a {
        color: #ffcb05;
    }

    #top-menu > ul > li.active > a,
    #top-menu > ul > li.active.has-submenu > a:after {
        color: #ffcb05;
    }






    #head {
        background-color: #000000;
        position: relative;
    }

    #head:after {
        display: block;
        content: ' ';
        background: #ffcb05;
        position: absolute;
        top: 0px;
        height: 100%;
    }

    #head .inner {
        background-color: #000000;
    }
/*
    #head .inner:before {
        content: ' ';
        display: block;
        position: absolute;
        right: 100%;
        top: 0px;
        width: 100%;
        height: 100%;
        background: #000000;
    }
*/
    #head .menu-shortcuts {
        float: right;
    }

    .menu-shortcuts a.shortcut.icon {
        font-size: 16px;
    }

    .menu-shortcuts .shortcut.icon i {
        font-size: 14px;
        margin-right: 1px;
    }


    #main-menu {
        height:auto;
        text-align: center;
        display: block !important;
        float: left;
        width: calc(100% - 200px);
    }
    #main-menu .inner {
        background-color: #ffffff;
    }
    #main-menu > ul {
        display: flex;
        text-align: left;
    }

    #main-menu li.only-mobile {
        display: none;
    }

    #main-menu > ul > li.has-submenu > a:after {
        color: #fff;
    }

    #main-menu a {
        color: #000000;
        padding: 10px 15px;
        position: relative;
        outline: none;
    }

    #main-menu > ul > li > a {
        color: #ffffff;
        font-weight: 600;
        padding: 20px 13px;
        font-size:14px;
    }

    #main-menu .main-menu-bg {
        background-color: #ffffff;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    }

    #main-menu .main-menu-bg > .inner > ul {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 50px;
    }

    #main-menu .main-menu-bg > .inner > ul > li {
        flex-grow: 1;
    }
    #main-menu .main-menu-bg > .inner > ul > li.single-subgroup {
        flex-grow: 0.2;
    }

    #main-menu ul.columns-2 {
        column-count: 2;
    }
    #main-menu ul.columns-3 {
        column-count: 3;
    }
    #main-menu ul.columns-4 {
        column-count: 4;
    }
    #main-menu ul.columns-5 {
        column-count: 5;
    }
    #main-menu ul.columns-6 {
        column-count: 6;
    }
    #main-menu .main-menu-bg > .inner > ul > li > ul > li {
        break-inside: avoid;
    }

    #main-menu .rel-abs {
        position: absolute;
        left: 0px;
        top: 100%;
        width: 100%;
        z-index: 100;
    }

    #main-menu .rel-pos {
        height: 0px;
        position: relative;
        overflow: visible;
        width: 100%;
    }


    #main-menu > ul > li.has-submenu > a:after {
        content: "\f107";
        display: block;
        float: right;
        font-family: 'ledinek';
        font-size: 12px;
        margin-left:6px;
    }

    #main-menu > ul > li.has-submenu > a:after {
        color: #ffffff;
    }

    #main-menu ul ul {
        display: block;
        max-height: 0px;
        overflow: hidden;
        z-index: 15;
    }

    #main-menu ul ul ul,
    #main-menu ul li:hover > .rel-abs > .rel-pos .main-menu-bg > .inner > ul {
        max-height: 1600px;
        overflow: visible;
        padding-bottom: 30px;
    }

    #main-menu ul ul li {
        float: none;
        position: relative;
    }

    #main-menu ul ul li > .rel-abs {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 0px;
    }

    #main-menu ul ul ul,
    #main-menu ul ul li > .rel-abs {
        position: static;
    }

    #main-menu .main-menu-bg > .inner > ul > li > a {
        font-weight: 600;
        border-bottom: 2px solid #ffcb05;
        text-transform: uppercase;
        margin: 10px 0px 10px 15px;
        padding-left: 0px;
    }

    #main-menu > ul > li > .rel-pos .main-menu-bg > .inner > ul {
        padding-top: 10px;
    }

    #main-menu ul li:hover > .rel-pos .main-menu-bg > ul {
        max-height: 500px;
        overflow: visible;
    }

    #main-menu ul ul ul {
        left: 100%;
        width: 100%;
    }

    #main-menu ul ul ul li > a {
        font-weight: 600;
        font-size: 15px;
    }

    #main-menu ul ul ul ul li > a {
        color: #808080;
        padding: 0px 10px 0px 20px;
        font-size: 14px;
        font-weight: normal;
    }



    #main-menu ul li > .rel-abs > .rel-pos .main-menu-bg {
        max-height: 0px;
        overflow: hidden;
    }

    #main-menu ul li:hover > .rel-abs > .rel-pos .main-menu-bg {
        max-height: unset;
    }


    #main-menu ul li:hover > .rel-abs > .rel-pos .main-menu-bg,
    #main-menu ul li:hover > .rel-pos .main-menu-bg > ul,
    #main-menu ul li:hover > .rel-abs > .rel-pos .main-menu-bg > .inner > ul {
        transition-delay: 0.3s;
    }




    /*fixed menu ///////////////////////////*/
/*
    .fixed-head #head #fixed-head-logo {
        display: block;
        position: absolute;
        top: 19px;
        left: -70px;
        background-color: #ffcb05;
        padding: 3px 5px 0px 5px;
        text-align: center;
    }
    .fixed-head #head #fixed-head-logo a {
        font-size: 50px;
        display: block;
        line-height: 20px;
    }
    .fixed-head #head #fixed-head-logo a i {
        line-height: 20px;
    }
*/

    .fixed-head #head {
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        transition: all 0.1s ease;
        z-index: 110;
        width: 100%;
        left: 0px;
        top: 0px;
        position: fixed;
    }
}


@media (min-width: 1200px) and (max-width: 1599px) {
    #top-head:after,
    #head:after {
        width: 5%;
        right: 0px;
    }
}
@media (min-width: 1600px) {
    #top-head:after,
    #head:after {
        width: calc((100% - 1500px) / 2);
        left: calc((100% / 2) + 750px);
    }
}


@media (min-width: 1400px) {

    #main-menu > ul > li > a {
        font-size:15px;
        padding: 20px 30px 20px 0px;
        min-height: 23px;
    }

    #main-menu > ul > li:last-child > a {
        padding-right: 0px;
    }
}


/*slider//////////////////////////////////////////////////////*/

.slider.cbox {
    padding: 0px;
}

.slider.cbox a {
    text-decoration: none;
}

.slider {
    min-height: 400px;
    position: relative;
    overflow: hidden;
}

.slide {
    width: 100%;
    height: 100%;
    background: #fff center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}
.slide.active {
    z-index: 3;
}

.slide-pos {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
}

.slide-pos-mid{
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    height: 100%;
    width: 100%;
    padding-bottom: 50px;
}

.slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;

}

.slide h2 {
    display:inline-block;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    width: 350px;
    text-align: left;
    color: white;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.4)
}

.slider .pagination {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    z-index: 10;
}

.slider .pagination a {
    display: block;
    width: 9px;
    height: 9px;
    margin: 8px;
    background-color: white;
}

.slider .pagination a.active {
    background-color: #ffcb05;
}


.slide.video {
    overflow: hidden;
}
.slide.video .inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide.video video {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.slide.video a {
    z-index: 5;
}


@media all and (max-width: 800px) {
    .slider .pagination {
        display: none;
    }

}




@media all and (min-width: 800px) {

    .slider {
        min-height: 700px;
    }

    body.subpage .slider {
        min-height: 300px;
    }
}






@media all and (min-width: 1200px) {

    body.subpage .slider {
        min-height: 400px;
    }

    .slide-pos-mid{
        padding-bottom: 80px;
    }


    .slide h2 {
        font-size: 60px;
        line-height: 60px;
        width: 700px;

    }

}




@media all and (min-width: 1260px) {

    .slider {
        min-height: 800px;
    }
}



.slider .btn-mute {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 10px 12px;
    text-align: center;
    cursor: pointer;
}
.slider .btn-mute:before {
    font-family: ledinek;
    content: "\ea2a";
    color: #ffcb05;
}
.slider.sound-on .btn-mute:before {
    content: "\ea26";
}

/*document list events //////////////////////////////////////////////////////*/


.document-list-events {
    width: 100%;
    display: flex;
    flex-direction: row;
    row-gap: 40px;
    column-gap: 6%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/*document list events //////////////////////////////////////////////////////*/


.document-list-events {
    width: 100%;
    display: flex;
    flex-direction: row;
    row-gap: 40px;
    column-gap: 6%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.document-list-events .event-block {
    width: 100%;
    flex-grow: 0;
    padding: 20px;
    border: 1px solid #aaa;
}

.document-list-events .event-block .event-date {
    background-color: #000000;
    display: inline-block;
    margin: 0px;
    padding: 5px 15px;
    color: #ffcb05;
    font-weight: bold;
    font-size: 12px;
}

.document-list-events .event-block .event-date:before {
    content: "\f073";
    display: block;
    float: left;
    font-family: 'ledinek';
    font-size: 18px;
    margin-right: 10px;
    color: #ffffff;
}


.document-list-events .event-block .event-date .day,
.document-list-events .event-block .event-date .month,
.document-list-events .event-block .event-date .year {
    font-weight: bold;
    color: #ffcb05;
    font-size: 12px;
    text-transform: uppercase;
}

.event-img {
    overflow: hidden;
    width: 100%;
}

.event-img img{
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
    display: block;
}

.event-img a {
    display: block;
}
.event-img a,
.event-block h3 a {
    text-decoration: none;
    outline: none;
}

.event-block h3,
.event-block a {
    font-size: 16px;
}

.event-block h3 span {
    font-weight: normal;
}

.event-block p {
    color: #808080;
}


.document-list-events .document-list-all {
    margin-top: 0px;
    border-top: solid 1px #dddddd;
    width: 100%;
    padding-top: 10px;
}




/* prelomi//////////////////////////////////////////////////////*/

@media all and (min-width: 800px) {

    .document-list-events .event-block {
        width: calc(30% - 42px);
    }

    .document-list-events {
        column-gap: 5%;
    }

    .index .document-list-events .event-block {
        width: 100%;
    }


}





@media all and (min-width: 1000px) {

    .document-list-events .event-block {
        width: calc(22% - 42px);
    }

    .document-list-events {
        column-gap: 4%;
    }

}


@media all and (min-width: 1400px) {

    .document-list-events .event-block {
        width: calc(17.5% - 42px);
    }

    .document-list-events {
        column-gap: 3%;
    }

}




.document-list-events .event-block .event-date {
    background-color: #000000;
    display: inline-block;
    margin: 0px;
    padding: 5px 15px;
    color: #ffcb05;
    font-weight: bold;
    font-size: 12px;
}

.document-list-events .event-block .event-date:before {
    content: "\f073";
    display: block;
    float: left;
    font-family: 'ledinek';
    font-size: 18px;
    margin-right: 10px;
    color: #ffffff;
}


.document-list-events .event-block .event-date .day,
.document-list-events .event-block .event-date .month,
.document-list-events .event-block .event-date .year {
    font-weight: bold;
    color: #ffcb05;
    font-size: 12px;
    text-transform: uppercase;
}

.event-img {
    overflow: hidden;
    width: 100%;
}

.event-img img{
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
    display: block;
}

.event-img a {
    display: block;
}
.event-img a,
.event-block h3 a {
    text-decoration: none;
    outline: none;
}

.event-block h3,
.event-block a {
    font-size: 16px;
}

.event-block h3 span {
    font-weight: normal;
}

.event-block p {
    color: #808080;
}




/* prelomi//////////////////////////////////////////////////////*/

@media all and (min-width: 800px) {

    .document-list-events .event-block {
        width: calc(30% - 42px);
    }

    .document-list-events {
        column-gap: 5%;
    }

    .index .document-list-events .event-block {
        width: 100%;
    }


}





@media all and (min-width: 1000px) {

    .document-list-events .event-block {
        width: calc(22% - 42px);
    }

    .document-list-events {
        column-gap: 4%;
    }

}


@media all and (min-width: 1400px) {

    .document-list-events .event-block {
        width: calc(17.5% - 42px);
    }

    .document-list-events {
        column-gap: 3%;
    }

}



.cbox.cookie-bar {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    margin: 0px;
    overflow: hidden;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    font-size: 14px;
}

.cbox.cookie-bar a {
    text-decoration: underline;
    opacity: 0.6;
}


@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}


.cookie-bar .inner {
    width:90%;
}

.cookie-bar p,
.cookie-bar p a {
    color: #fff;
}

.cookie-bar p.title {
    font-weight: bold;
    margin-bottom: 0px;
}

.cookie-bar button.btn-submit {
    letter-spacing: 1px;
    font-size: 11px;
    padding: 8px 10px;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.6);
    color: #fff;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
/*    margin-right:10px;*/
    outline:none;

    margin-top: 5px;
    margin-right: 5px;
}


.cookie-bar button.btn-submit.btn-confirm:hover {
    background-color: #ffcb05;
    border: 1px solid #ffcb05;
    color: #000;
}

.cookie-bar button.btn-submit.btn-cancel:hover {
    background-color: #5f5f5f;
    border: 1px solid #5f5f5f;
    color: #fff;
}

.cbox.cookies {
    background-color: #eeeeee;
    margin-bottom: 0px;
}
.cookies form {
    padding: 40px 0px;
}
.cookies form h3 {
    text-transform: none;
    color: #000;
    font-size: 20px;
}


.cookies input.input-submit {
    letter-spacing: 1px;
    padding: 10px;
    border: none;
    text-transform: uppercase;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background-color: black;
    color: white;
}

.cookies fieldset {
    margin: 15px 0px;
}
.cookies fieldset p {
    margin: 10px 0px;
}

.cookies input.state-enabled,
.cookies input.state-disabled {
    margin-right: 10px;
}


@media all and (min-width: 700px) {
    .cbox.cookie-bar:hover {
        background-color: rgba(0, 0, 0, 1);
    }

    .cookie-bar .description {
        float: left;
        width: 70%;
    }

    .cookie-bar .btns {
        float: right;
        width: 30%;
        text-align: right;
    }
}


@media all and (min-width: 1000px) {

    .cbox.cookie-bar {
        width: 20%;
    }

    .cookie-bar .inner {
        width:80%;
    }

    .cookie-bar .description {
        float: none;
        width: 100%;
    }

    .cookie-bar .btns {
        float: none;
        width: 100%;
        text-align: left;
    }
}


@media all and (min-width: 1400px) {

    .cbox.cookie-bar {
        width: 15%;
    }

}
.cbox.banners {
    padding: 10px 0px;
}

.cbox.banners.banner-background {
    background-color: #000000;
}

.cbox.banners a {
    text-decoration: none;
    outline: none;
}

.cbox.banners .banner {
    margin: 40px 0px;
}

.cbox.banners .banner figure .figure-bg-gradient {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%);
    z-index: 50;
}

.subpage .cbox.banners .banner figure .figure-bg-gradient {
    display: none;
}


.cbox.banners .banner figure {
    position: relative;
    background-color: black;
    height: 300px;
    margin: 0px;
    overflow: hidden;
}

.cbox.banners .banner figure a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.cbox.banners .banner figure img {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.cbox.banners .banner figure a:hover {
    opacity: 0.8;
}

.cbox.banners .banner figure figcaption {
    display: none;
}

.cbox.banners .banner .banner-text {
    padding-left: 40px;
    position: relative;
}


.cbox.banners .banner .banner-text:before {
    position: absolute;
    left: 10px;
    top: 10px;
    content: "\f0da";
    display: block;
    font-family: 'ledinek';
    font-size: 17px;
    color: #ffcb05;
}


.cbox.banners .banner h2 a {
    font-size: 25px;
    font-weight: 600;
}

.cbox.banners.banner-background .banner h2 a {
    color: #ffffff;
}


.cbox.banners.banner-background .banner p {
    color: #aaaaaa;
    font-size: 18px;
    line-height: 30px;
}

.cbox.banners.banner-background .banner p a {
    line-height: 23px;
}


.cbox.banners .banner > p {
    margin-top: 0px;
    padding-left: 40px;
}

.cbox.banners.banner-background a.more {
    color: #ffcb05;
}
.cbox.banners a.more:hover {
    color: #000000;
}



/* prelomi//////////////////////////////////////////////////////*/

@media all and (min-width: 800px) {

    .cbox.banners .inner {
        display: flex;
        flex-direction: row;
        justify-content: left;
        flex-wrap: wrap;
        column-gap: 3%;
    }

    .cbox.banners .banner{
        flex-basis: 30.3333%;
    }

    .cbox.banners .banner figure {
        height: 200px;
    }
}

@media all and (min-width: 1600px) {

    .cbox.banners .banner figure {
        height: 400px;
    }
}

/*text-box - okvirček med vsebino//////////////////////////////////////////////////////////*/

.text-box {
    padding: 15px 2%;
    margin: 20px 0px;
}

.text-box *:first-child {
    margin-top: 0px;
}

.text-box *:last-child {
    margin-bottom: 0px;
}

.text-box.color-white {
    background-color: white;
    padding-left: 0px;
    padding-right: 0px;
}


.text-box.pos-center {
    clear: both;
}


.cbox.text-box {
    margin: 0px;
    padding: 50px 0px;
}


/* prelomi//////////////////////////////////////////////////////*/


@media all and (min-width: 700px) {


    .text-box.pos-left,
    .text-box.pos-right {
        width: 45%;
    }

    .text-box.pos-left {
        float: left;
        margin-right: 1%;
        clear: left;
    }

    .text-box.pos-right {
        float: right;
        margin-left: 1%;
        clear: right;
    }

    .text-box.pos-left.color-white,
    .text-box.pos-right.color-white {
        width: 49%;
    }

}



/*document list news //////////////////////////////////////////////////////*/


.document-list-news {
    width: 100%;
    display: flex;
    flex-direction: row;
    row-gap: 40px;
    column-gap: 6%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.document-list-news .news-block {
    position: relative;
    width: 100%;
    flex-grow: 0;
}

.document-list-news .news-block .news-date {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000000;
    color: #ffffff;
    margin: 0px;
    padding: 5px 15px;
}


.document-list-news .news-block .news-date .day,
.document-list-news .news-block .news-date .month,
.document-list-news .news-block .news-date .year {
    display: block;
    text-align: center;
}


.document-list-news .news-block .news-date .day {
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    color: #ffffff;
}

.document-list-news .news-block .news-date .month {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
}


.document-list-news .news-block .news-date .year {
    font-size: 12px;
    line-height: 14px;
    color: #ffcb05;
}


.document-list-news .document-list-all {
    margin-top: 0px;
    border-top: 1px solid #dddddd;
    width: 100%;
    padding-top: 10px;
}


.news-img {
    overflow: hidden;
    width: 100%;
    height: 200px;
}
/*
.news-img img{
    min-width: 100%;
    min-height: 100%;
}*/

.news-img a {
    display: block;
    height: 200px;
}

.news-img a,
.news-block h3 a {
    text-decoration: none;
    outline: none;
}

.news-block h3 a {
    font-size: 18px;
}

.news-block p {
    color: #808080;
}


.pagination.document-list {
    text-align: center;
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
    margin-right: 20px 0px;
}

.document-list.pagination a {
    display: inline-block;
    color: #aaaaaa;
    border: solid 1px #ffffff;
    padding: 3px 10px;
    margin-right: 2px;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none;
    outline: none;
}

.document-list.pagination a:hover {
    color: #000000;
}

.document-list.pagination a.active {
    color: #000000;
    border: solid 1px #000000;
}

/* prelomi//////////////////////////////////////////////////////*/

@media all and (min-width: 800px) {

    .document-list-news .news-block {
        width: 30%;
    }

    .document-list-news {
        column-gap: 5%;
    }

    .index .news-events .inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        column-gap: 60px;
    }

    .index .news-events .inner .col-1{
        width: 20%;
        flex-grow: 1;
    }

    .index .news-events .inner .col-2{
        width: 60%;
        flex-grow: 1;
    }

    .index .document-list-news .news-block {
        width: 47%;
    }

    .index .document-list-news {
        column-gap: 6%;
    }


    .index .document-list-news.jobs,
    .document-list-news.jobs {
        column-gap: 5%;
    }
    .index .document-list-news.jobs .news-block,
    .document-list-news.jobs .news-block {
        width: 30%;
    }
}





@media all and (min-width: 1200px) {

    .document-list-news .news-block {
        width: 22%;
    }

    .document-list-news {
        column-gap: 4%;
    }

}


@media all and (min-width: 1300px) {

    .index .news-events .inner {
        width: 1200px;
    }

}