/* [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;
}
.clearfix:before, .clearfix:after {
    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;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: 'Montserrat', serif;
    min-width: 280px;
    width: 100%;
}

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

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

h1,h2 {
    font-size: 30px;
    font-weight: normal;
}

h3 {
    font-size: 16px;
    margin: 15px 0px;
    font-weight: 600;
}

h4 {
    font-size: 14px;
    line-height: 23px;
    margin: 15px 0px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal;
    color: #606060;
}

select, input, textarea {
    font-family: 'Montserrat', serif;
}

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

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


p, option, ul, li {
    font-size: 15px;
    line-height: 22px;
    color: #606060;
}

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


a.more,
a.more-outline,
.btn,
.btn-outline {
    text-decoration: none;
    outline: none;
    margin: 15px 0px;
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    display: inline-block;
    padding: 10px;
    letter-spacing: 2px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 14px;
    line-height: 23px;
    border-radius: 3px;
}

.btn-outline,
a.more-outline {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
}


.color-dark a.more,
.color-dark a.more-outline,
.color-dark .btn,
.color-dark .btn-outline {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
}


.color-dark .btn-outline,
.color-dark a.more-outline {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}


a.more {
    margin-top: 5px;
    margin-right: 5px;
}


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

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



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


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

figure {
    overflow: hidden;
    margin: 25px 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: #aaaaaa;
}

.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 #e2e2e2;
    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: 48%;
    }

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

    figure.pos-right {
        float: right;
        margin-left: 2%;
        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,
    footer .inner {
        width: 1300px;
    }
}



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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'kotek-home' !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;
}

.icon-pdf:before {
  content: "\e912";
}
.icon-document:before {
  content: "\e913";
}
.icon-trash:before {
  content: "\e910";
}
.icon-x:before {
  content: "\e911";
}
.icon-cart:before {
  content: "\e900";
}
.icon-cart-in:before {
  content: "\e901";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-chevron-up:before {
  content: "\e905";
}
.icon-facebook:before {
  content: "\e906";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-mail:before {
  content: "\e908";
}
.icon-menu:before {
  content: "\e909";
}
.icon-payment:before {
  content: "\e90a";
}
.icon-phone:before {
  content: "\e90b";
}
.icon-plus:before {
  content: "\e90c";
}
.icon-search:before {
  content: "\e90d";
}
.icon-success:before {
  content: "\e90e";
}
.icon-user:before {
  content: "\e90f";
}

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

header .cbox {
    margin: 0px;
}

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

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

/*top-bar (akcije, izpostavljena dostava...) ////////////////////////////////////////*/

.cbox.top-bar {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    background-color: #f2f2f2;
}

.top-bar h3 {
    margin: 0px;
    text-align: center;
    font-size: 14px;
    color: #eb5f5f;
}


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

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

#top-head .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

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

#top-head .logo a {
    display: block;
    outline: none;
    padding: 10px;
    overflow: hidden;
    position: relative;
}

#top-head .logo a img {
    width: 200px;
    display: block;
}


/* header contacts */


#top-head .contact-head {
    margin-left: 50px;
}

#top-head .contact-head .vcard {
    display: flex;
    column-gap: 100px;
}

#top-head .contact-head .vcard a{
    display: flex;
    gap: 18px;
    align-items: center;
    outline: none;
}

#top-head .contact-head .contact > .contact-icon,
#top-head .contact-head .contact span {
    display: block;
}

#top-head .contact-head .contact > .contact-icon {
    color: #eb5f5f;
    font-size: 28px;
}

#top-head .contact-head .contact .contact-type {
    font-size: 14px;
    color: #929292;
}

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


/* header icons right */


.menu-icons {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    align-content: center;
    margin-left: auto;
    margin-right: 0px;
}


.menu-icons.menu-icons-right {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    z-index: 2;
    width: auto;
    order: 3;
}


/*user///////////////////////////////*/


.user a {
    display: block;
    padding: 10px 5px;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.user a span  {
    font-size: 28px;
    color: #eb5f5f;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}



/* language */

.language-box {
    margin-left: 30px;
  /*  height: 40px;
    position: relative;*/

}

select.language {
    background-color: transparent;
    font-optical-sizing: auto;
    border: 1px solid #929292;
    border-radius: 3px;
    text-align: center;
    outline: none;
    font-weight: 500;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1px 5px;
}

select.language::-ms-expand {
    display: none;
}
/*
.language-box:after {
    content:"\e902";
    font-family: 'kotek-home';
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 15px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
}*/



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


@media (max-width: 1199px) {

    #head .inner {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    #menu-btn a {
        font-family: 'kotek-home';
        display: block;
        outline: none;
        font-size: 30px;
        color: #ffffff;
    }

    #top-head .logo a {
        padding: 0px 20px;
    }

    #top-head .logo a img {
        margin-top: 10px;
    }

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

    .user a span  {
        color: #ffffff;
        font-size: 22px;
    }

    select.language {
        color: #ffffff;
    }


}

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

    #head .inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }

    #menu-btn {
        display: none;
    }

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

    #top-head .logo {
        background: #000000;
    }

    #top-head .logo a {
        padding: 10px 0px;
        margin-right: 50px;
    }

    #top-head .logo a img {
        width: 250px;
    }


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

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

}


/*head - main-menu//////////////////////////////////////////////////*/

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

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

#main-menu > ul > li > a {
 /*   text-transform: uppercase;*/
    font-weight: 500;
}


/*prelomi MOBILE///////////////////////*/

@media (max-width: 1199px) {

    #main-menu {
        overflow: hidden;
        display: none;
        background: #ffffff;
        width: 100%;
        order: 2;
    }

    #main-menu > ul > li {
        border-bottom: solid 1px #eeeeee;
        margin: 0px;
    }

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

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

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

    #main-menu li.submenu-open > .rel-pos > ul {
        display: block;
        max-height: 1000px;
        background-color: #eeeeee;
        padding: 10px 0px;
    }

    #main-menu ul ul a {
        padding: 10px 20px 10px 40px;
    }

    #main-menu ul ul ul a {
        padding: 5px 0px 5px 45px;
        font-size: 16px;
    }

    #main-menu ul ul ul li,
    #main-menu ul ul ul {
        list-style: none;
    }

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

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

    #main-menu a.submenu-btn .icon-chevron-up {
        display: none;
    }
    #main-menu li.submenu-open > a.submenu-btn .icon-chevron-up {
        display: inline-block;
    }
    #main-menu li.submenu-open > a.submenu-btn .icon-chevron-down {
        display: none;
    }
    #main-menu li.submenu-open > .rel-abs > .rel-pos > ul {
        border-top: solid 1px #eeeeee;
        display: block;
        max-height: 1600px;
        padding: 25px 0px;
    }

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

    #main-menu ul ul li.submenu-open > .rel-abs > .rel-pos > ul li a:before {
        display: inline-block;
        font-family: kotek-home;
        font-size: 10px;
        content: '\e904';
        margin-right:5px;
    }


}

/*prelomi DESKTOP///////////////////////*/


@media (min-width: 1200px) {

    #head {
        background-color: #f2f2f2;
        position: relative;
    }
/*
    #head:after {
        display: block;
        content: ' ';
        background: #000000;
        position: absolute;
        top: 0px;
        height: 100%;
    }*/

    #main-menu {
        height:auto;
        display: block !important;
        position: relative;
    }

    #main-menu a {
        padding: 15px 12px;
        position: relative;
        outline: none;
        font-size: 15px;
    }


    #main-menu > ul {
        display: inline-block;!important;
    }

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

    #main-menu ul {
        display: flex;
        align-items: flex-start;
    }
/*
    #main-menu > ul > li:first-child > a {
        padding-left: 0px;
    }*/

    #main-menu ul li:hover > a  {
        color: #929292;
    }

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

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

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

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

    #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 a {
        display: block;
        background-color: #ffffff;
        padding: 15px 12px;
        border-bottom: 1px solid #eee;
    }

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

    #main-menu ul li:hover > .rel-pos > ul {
        max-height: 500px;
        overflow: visible;
    }
/*
    #main-menu ul ul li:hover > a {
        background-color: #44474a;
    }*/

    #main-menu ul ul li.has-submenu > a:after {
        content: "\e904";
        display: block;
        float: right;
        font-family: 'kotek-home';
        color: #ffffff;
        font-size: 12px;
    }

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

    #main-menu ul ul ul {
        left: 100%;
        width: 100%;
    }
/*
    #main-menu ul ul ul a {
        background-color: #44474a;
    }*/
/*
    #main-menu ul ul ul li:hover > a {
        color: #929292;
    }*/


    #main-menu .active > a {
        position: relative;
    }


    #main-menu .active > a:before {
        position: absolute;
        content: " ";
        width: 80px;
        height: 2px;
        background-color: #44474a;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0px);
    }


    /*fixed menu ///////////////////////////*/



    .fixed-head header {
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        transition: all 0.1s ease;
        background-color: rgba(255,255,255,0.95);
        box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
    }


    .fixed-head #head .inner {
        height: 90px;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    .fixed-head #head .logo {
        padding-bottom: 20px;
    }


}





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

    #head .logo img {
        width: 250px;
    }

    #main-menu > ul > li > a {
        padding: 16px 20px;
    }
}


@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% - 1300px) / 2);
        left: calc((100% / 2) + 650px);
    }
}



/*head - search field //////////////////////////////////////////////////*/


#head .search-box {
    background-color: #f2f2f2;
    padding: 7px 0px;
}

#head .search-form {
    display: flex;
}

#head .search-input {
    background-color: #fff;
    color: #929292;
    font-size: 14px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    height: 40px;
    line-height: 1;
    margin: 0;
    padding: 0px 20px;
    outline: none;
    flex-grow: 1;

}

#head .search-btn {
    background-color: #000000;
    color: #ffffff;
    border: 0;
    border-radius: 0;
    height: 40px;
    width: 40px;
    text-align: center;
}


@media (max-width: 1199px) {
    #head .search-box {
        order: 1;
    }

    #head .search-form {
        width: 90%;
        margin: 0px auto;
    }

    #head .search-input {
        flex-grow: 1;
    }

}

@media all and (min-width: 1200px) {
    #head .search-input {
        width: 250px;
    }
}




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

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

/* footer-logo//////*/

.footer-row.footer-logo {
    background-color: #000000;
    margin: 80px 0px 0px 0px;
    padding: 20px 0px;
}

.footer-row.footer-logo a,
.footer-row.footer-logo img {
    display: block;
    margin: 0px auto;
    width: 250px;
}

.footer-row.footer-logo .inner,
.footer-row.newsletter-signup .inner {
    display: flex;
    flex-direction: column;
    gap: 20px 20px;
    padding: 20px 0px;
}


/* newsletter-signup//////*/


.footer-row.newsletter-signup {
    border-bottom: 1px solid #e2e2e2;
}
.footer-row.newsletter-signup h2,
.footer-row.newsletter-signup p {
    text-align: center;
}
.footer-row.newsletter-signup h2 {
    font-size: 25px;
}

.footer-row .newsletter-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.footer-row.newsletter-signup .newsletter-input {
    background-color: #f2f2f2;
    color: #929292;
    font-size: 14px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    height: 40px;
    line-height: 1;
    margin: 0;
    padding: 0px 20px;
    outline: none;
    flex-grow: 1;
}

.footer-row.newsletter-signup .submit-btn {
    background-color: #000000;
    padding: 0px 30px;
    color: #ffffff;
    border: 1px solid #000000;
    border-radius: 0;
    height: 40px;
    letter-spacing: 2px;
    text-align: center;
}



/* footer columns //////*/


.footer-row.columns .inner {
    display: grid;
    grid-gap: 15px 45px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    padding: 30px 0px;
}

.footer-row a {
    text-decoration: none;
    outline: none;
}

footer p,
footer ul li,
footer .vcard *,
footer a {
    font-size: 14px;
}

footer ul  {
    list-style-type: none;
    padding: 0px;
}

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

footer address.adr {
    font-style: normal;
}


/* social///////////////////*/

.social {
    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: 20px;
}




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



@media (min-width: 500px) {

    .footer-row.newsletter-signup .newsletter-input {
        flex-grow: 0;
        width: 300px;
    }

}


@media (min-width: 800px) {

    .footer-row.columns .inner {
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (min-width: 1100px) {

    .footer-row.columns .inner {
        grid-template-columns: repeat(5, 1fr);
    }

}


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




/* copyright///////////////////*/


.copyright {
    background-color: #f2f2f2;
    padding: 5px 0px;
}

.copyright * {
    color: #aaaaaa;
}

.copyright p {
    margin: 0px;
    text-align: right;
    font-size: 12px;
    color: #606060;
}

.cart-disabled .inner.cart-header {
    display: none !important;
}
.cart-disabled #main-menu {
    padding-right: 0px !important;
}

.cart {
    position: relative;
}

.cart h2 {
    font-size: 25px;
}

form.add-to-cart {
    /*padding: 20px 0px;*/
}


form.add-to-cart p.action span {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.product-list form.add-to-cart p.action span {
    margin-right: 0px;
}

form.add-to-cart p.action select {
    height: 45px;
    text-align: center;
    padding: 5px 40px 5px 40px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px ;
    border-bottom-right-radius: 3px ;
    border-bottom-left-radius: 3px;
}

form.add-to-cart p.action span:after {
    content: "\e902";
    font-family: 'kotek-home';
    font-size: 14px;
    position: absolute;
    right: 13px;
    top: 11px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
}

.product-list form.add-to-cart p.action select {
    height: 36px;
    padding: 6px 24px 6px 6px;
}

.product-list form.add-to-cart p.action span:after {
    right: 8px;
    top: 8px;
}


form.add-to-cart p.action button {
    padding-right: 40px;
    position: relative;
}

form.add-to-cart p.action button:after {
    font-family: 'kotek-home';
    content: "\e900";
    position: absolute;
    font-size: 20px;
    top: 9px;
    right: 10px;
}






/*Košarica v glavi, odpiranje dropdown/////////////////*/

.cart-header .opener a {
    display: block;
    padding: 10px 5px;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.cart-header .opener a span {
    font-size: 28px;
    color: #eb5f5f;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.cart-header .opener a span.summary {
    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;
    display: block;
    width: 16px;
    height: 14px;
    padding-top: 2px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: -8px;
}

.cart-header .dropdown-content .actions .btn {
    display: block;
    text-align: center;
}

.cart-header .dropdown {
    position: relative;
    height: 0px;
    overflow: visible;
}

.cart-header .dropdown-content {
    display: none;
    background: #ffffff;
    padding: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    z-index: 10;
    border: 1px solid #c7c7c7;
}

.cart-header.opened .dropdown-content {
    display: block;
}

.cart-header .dropdown-content ul {
    list-style: none;
}

.cart-header .dropdown-content li {
    padding: 10px 0px;
    border-top: 1px solid #eeeeee;
}

.cart-header .dropdown-content li:first-child {
    border-top: none;
}

.cart-header .dropdown-content li a {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    align-items: flex-start;
    outline: none;
}

.cart-header .dropdown-content > * {
    padding: 10px 0px;
    margin: 0px;
}

.cart-header .dropdown-content .dropdown-title {
    display: block;
    padding: 10px 0px;
    font-weight: 600;
}

.cart-header .dropdown-content .cart-img {
    width: 80px;
    height: auto;
    border: 1px solid #c7c7c7;
}

.cart-header .dropdown-content .cart-details {
    display: block;
    flex-grow: 2;
    font-size: 14px;
}

.cart-header .dropdown-content .quantity,
.cart-header .dropdown-content .title,
.cart-header .dropdown-content .value {
    display: block;
}

.cart-header .dropdown-content .title,
.cart-header .dropdown-content .value {
    font-weight: 600;
}

.cart-header .dropdown-content .sum {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 15px;
    border-top: 1px solid #000000;
}

.cart-header .dropdown-content .sum .title,
cart-header .dropdown-content .sum .value {
    flex-grow: 1;
}

.cart-header .dropdown-content .list small {
    font-weight: bold;
}





@media (max-width: 1199px) {
    .cart-header .opener a span {
        color: #ffffff;
        font-size: 22px;
    }

    .cart-header .opener a span.summary {
        background-color: #eb5f5f;
    }
}




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


    body.fixed-head .cart-header .cart-content {
        bottom: 20px;
    }

    body.fixed-head.subpage .cart-header .cart-content {
        bottom: 20px;
    }

    .cart-header .opener a span.title {
        display: none;
    }

    .cart-header .dropdown-content {
        width: 250px;
    }

    .cart-header .dropdown-content a.title {
        width: 140px;
    }

}



@media all and (min-width: 1300px) {
    .cart-header .opener a span.title {
        display: inline-block;
    }
/*
    #main-menu {
        padding-right: 150px;
    }*/
}




.cart-dialog .bg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000;
}

.cart-dialog .cart-window {
    position: absolute;
    left: 5%;
    top: 100px;
    width: 80%;
    z-index: 100100;
    background: #ffffff;
    padding: 10px 5% 30px 5%;
}

.cart-dialog .cart-window-inner {
}

.cart-dialog .cart-content-head {
    text-align: right;

}


.cart-dialog .cart-content-head a {
    text-decoration: none;
}
.cart-dialog .cart-content-head a.close i{
    font-size: 25px;
}


.cart-dialog .cart-content {
    padding: 10px;
}

.cart-dialog .cart-content.cart-content-footer {
 /*   padding-top: 0px;*/
}

.cart-dialog .cart-content-head > *:first-child,
.cart-dialog .cart-content-body > *:first-child {
    padding-top: 0px;
    margin-top: 0px;
}
.cart-dialog .cart-content-head > *:last-child,
.cart-dialog .cart-content-body > *:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.cart-dialog .cart-content-footer:empty {
    display: none;
}




.cart-dialog .cart-content-footer .btn {
    display: block;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
    font-size: 14px;
    line-height: 23px;
    margin: 15px 0px;
    margin-bottom: 5px;
    text-align: center;
}

.cart-dialog .cart-content-footer .btn.to-right {
    color: #ffffff;
    background-color: #eb5f5f;
    border: none;
}

.cart-dialog .cart-content-footer .btn.to-right:after {
    display: inline-block;
    font-family: "kotek-home";
    content: '\e904';
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 16px;
    font-weight: normal;
}

.cart-dialog .cart-content-footer .btn.to-right:hover:after {
    transform: translate(5px, 0px);
}


.cart-dialog .cart-content-footer .btn.close {
    color: #eb5f5f;
    background-color: #ffffff;
    border: 1px solid #eb5f5f;
    text-decoration: none;
}


.cart-dialog .cart-content-footer .btn.close:hover {
    color: #ffffff;
    background-color: #eb5f5f;
    border: 1px solid #eb5f5f;
}


.cart-dialog .cart-content-footer .btn:last-child {
    margin-bottom: 0px;
}


@media all and (min-width: 700px) {
    .cart-dialog .cart-window {
        left: 50%;
        width: 500px;
        transform: translate(-50%, 0);
        padding: 10px 30px 30px 30px;
    }
}


@media all and (min-width: 800px) {
    .cart-dialog .cart-content-footer .btn {
        display: inline-block;
        text-align: left;
    }

    .cart-dialog .cart-content-footer .btn.to-right {
        float: right;
    }
}




.cart-table td {
    vertical-align: middle;
}

.cart-table th {
    text-align: left;
}

.cart-table .cart-img {
    width: 60px;
}

.cart-table .cart-img img {
    width: 80px;
    display: block;
}

.cart-table .quantity {

    ttext-align: center;
    padding: 5px 40px 5px 40px;
    font-size: 16px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    height: 45px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;


}



.cart-table a {
    text-decoration: none;
}

.cart-table .remove {
    padding-top: 19px;
    width: 30px;
}
/*
.cart-table .td-quantity{
    padding-top: 13px;
}
*/
.cart-table .td-quantity span {
    display: block;
    position: relative;
}

.cart-table .td-quantity span:after {
    content: "\e902";
    font-family: 'kotek-home';
    font-size: 14px;
    position: absolute;
    right: 13px;
    top: 11px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
    line-height: 22px;
}

.cart-table .btn-remove {
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    outline: none;
}

.cart-table .btn-remove,
.cart-table .btn-remove span {
    font-size: 18px;
}

.cart-table .btn-remove span {
    display: none;
}

.cart-table .right,
.cart-summary .right {
    text-align: right;
}


.cart-table .price.discounted span.sell {
    color: #eb5f5f;
    display: block;
}

.cart-table .price.discounted span.regular {
    font-weight: normal;
    position: relative;
    font-size: 13px;
}

.cart-table .price.discounted span.regular:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid rgba(0,0,0,0.5);
    width: 100%;
    transform: translateY(-50%);
}


/*
.cart-table .regular {
    font-style: italic;
    font-size: 80%;
    text-decoration: line-through;
    vertical-align: top;
}
*/

.cart-refresh .cart-summary {
    margin-top: 20px;
}

.cart-refresh .cart-summary td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.cart-refresh .cart-summary tr {
    border-bottom: none;
}

.cart-refresh .cart-summary .coupon-discount {
    font-weight: bold;
    vertical-align: middle;
}

.cart-refresh .cart-summary .coupon-discount td {
    vertical-align: middle;
}

.cart-refresh .cart-summary .coupon-discount .remove-coupon,
.cart-form .add-new-address {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    margin-right: 10px;
    margin-top: 10px;
    background-color: #000000;
    outline: none;
    border: none;
    color: #fff;
}

.cart-refresh .cart-summary .coupon-discount .remove-coupon:before {
    content: "\e911";
    font-family: 'kotek-home';
    font-size: 10px;
    z-index: 1;
    text-align: center;
    margin-right: 10px;
}

.cart-refresh .cart-summary .sum {
    margin-top: 30px;
}

.cart-refresh .cart-summary .sum,
.cart-refresh .cart-summary .coupon-discount,
.cart-refresh .cart-summary .delivery,
.cart-refresh .cart-summary .to-pay{
    text-align: right;
    margin: 15px 0px;
}

.cart-refresh .cart-summary .to-pay {
    font-weight: bold;
    font-size: 20px;
}

/*
.cart-table .sum td,
.cart-table .delivery td,
.cart-table .to-pay td {
    font-weight: bold;
}*/

/*
.cart-refresh {
    text-align: right;
    margin: 30px 0px;
}

.cart-refresh .btn-refresh {
    display: inline-block;
    border: solid 1px #eb5f5f;
    background: none;
    padding: 4px 12px 4px 4px;
    text-decoration: none;
}

*/

.coupon-block {
    background-color: #f0f0f0;
    padding: 20px;
    margin: 30px 0px;
    display: flex;
    flex-direction: column;
}

.coupon-block .coupon-title {
    font-size: 20px;
}

.coupon-block .fields {
    display: flex;
    flex-direction: row;
}

.coupon-block input[type="text"] {
    padding: 0px 20px;
    background-color: #ffffff;
    border-radius: 0px;
    outline: none;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
    color: #929292;
    font-size: 14px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    height: 40px;
    line-height: 1;
    margin: 0;
    flex-grow: 1;
}

.coupon-block .coupon-btn{
    background-color: #000000;
    padding: 0px 30px;
    color: #ffffff;
    border: 1px solid #000000;
    border-radius: 0;
    height: 40px;
    letter-spacing: 2px;
    text-align: center;
}




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


    .cart-table .btn-remove span {
        display: inline;
    }

    .coupon-block {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }


    .cart-refresh .cart-summary {
        width: 50%;
        float: right;
    }
    .cart-right .cart-summary {
        width: 100%;
        margin-bottom: 20px;
    }

}

.cbox.cart-progress {
    background: #f0f0f0;
    padding: 30px 0px;
    margin: 0px;
}


.cart-progress .step {
    float: left;
    display: block;
    width: 25%;
    text-align: center;
    position: relative;
    padding-top: 5px;
}

.cart-progress .step:before {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    top: 29px;
    left: 0px;
    content: ' ';
    background: #eb5f5f;
}

.cart-progress .step:first-child:before {
    width: 50%;
    left: 50%;
}

.cart-progress .step:last-child:before {
    width: 50%;
}

.cart-progress .step > span {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
}

.cart-progress .step .icon {
    display: inline-block;
    border-radius: 50%;
    background: #f0f0f0;
    /*border: solid 2px #eb5f5f;*/
    width: 50px;
    height: 42px;
    padding: 8px 0px 0px 0px;
    line-height: 0px;
}

.cart-progress .step .icon i {
    font-size: 30px;
}

.cart-progress .step .icon i.icon-cart-alt {
    font-size: 30px;
    margin-top: 7px;
    display: block;
}

.cart-progress .step .title {
    padding: 5px 5px 0px 5px;
    font-size: 80%;
}

.cart-progress .step.done .icon {
    background: #53575a;
}

.cart-progress .step.done .icon i {
    color: #f0f0f0;
}
/*
.cart-progress .step.done .title {

}
*/

.cart-progress .step.current .icon {
    background: #000000;
}


.cart-progress .step.current .icon i{
    color: #f0f0f0;
}

/*
.cart-progress .step.current .title{
    color: #eb5f5f;
}


.cart-progress .step.current {
    padding-top: 0px;
}

.cart-progress .step.current .title {
    font-weight: bold;
}

.cart-progress .step.current .icon {
    width: 60px;
    height: 50px;
    padding: 10px 0px 0px 0px;
}*/





.cart-buttons {
    margin: 50px 0px 0px 0px;
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cart-buttons .btn {
    text-align: center;
}

.cart-buttons .btn i {
    font-size: 12px;
    margin: 5px;
}

@media all and (min-width: 700px) {
    .cart-buttons {
        flex-direction: row;
        justify-content: space-between;

    }
}

/*
.cart-buttons .btn {
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 10px 10px 12px;
    text-decoration: none;
    margin: 0px;
    border: none;
    width: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 23px;
    border: 1px solid #53575a;
    outline: none;
}*

.cart-buttons .btn.btn-back {
    padding-left: 4px;
    color: #53575a;
}

.cart-buttons .btn.btn-forward {
    padding-right: 4px;
    background-color: #53575a;
    color: #ffffff;
}/

.cart-buttons .btn:first-child {
    margin-top: 0px;
}
.cart-buttons .btn:last-child {
    margin-bottom: 0px;
}


@media all and (min-width: 700px) {
    .cart-buttons .btn {
        margin: 0px;
        width: auto;
    }
    .cart-buttons .btn.btn-back {
        float: left;
    }

    .cart-buttons .btn.btn-forward {
        float: right;
    }
}


.cart-form .row {
    margin: 10px 0px;
}

.cart-form .actions a {
    display: inline-block;
}
/*

.cart-form .payment-method  {
    padding: 50px;
    background-color: #fafafa;
    margin: 20px 0px;
}


.cart-form .payment-method input[type="radio"] {
    float: left;
    width: 19px;
    height: 19px;
    border: none;
    margin: 3px 0px 0px 0px;
    margin-right: 10px;
}
*/


    /*
    .cart-form .inp {
        margin: 10px 0px;
    }*/

/*
.cart-form .row:first-child,
.cart-form .inp:first-child {
    margin-top: 0px;
}
*/
/*
.cart-form .row:last-child,
.cart-form .inp:last-child {
    margin-bottom: 0px;
}
*/

.cart-form .inp.inp-50 {
    width: 48%;
}

.cart-form .inp-50:nth-child(odd) {
    float: left;
}

.cart-form .inp.inp-50:nth-child(even) {
    float: right;
}


.cart-form .inp.inp-30 {
    width: 31%;
    float: left;
}

.cart-form .inp.inp-70 {
    width: 64%;
    float: right;
}

.cart-form .checkbox label {
    display: block;
    font-size: 14px;
    margin: 5px 0px;
    float: left;
}

.cart-form .checkbox input[type="checkbox"] {
    width: 19px;
    height: 19px;
    border: none;
    margin: 3px 0px 0px 0px;
    float: left;
    margin-right: 10px;
}

.cart-form .form-control .txt {
    background-color: #f0f0f0;
    border-radius: 0px;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 10px 10px;
}

.cart-form .inp > .form-static {
    font-weight: bold;
}


.cart-form label {
    display: block;
    font-size: 14px;
    margin: 5px 0px;
    float: left;
}


.cart-form .purchase-confirm {
    margin: 40px 0px;
}

.cart-form .purchase-confirm:first-child {
    margin-top: 0px;
}

.cart-form .purchase-confirm p {
    margin: 0px;
}
    /*

    .cart-form label:after {
        content: ': ';
    }*/
.cart-form .required label {
   /* font-weight: bold;*/
}
.cart-form .required label:after {
    content: ' *';
}


.cart-form .inp-radio-list label {
    width: 90%;
    padding: 30px 5%;
    background-color: #eee;

}


.cart-form .basket-comment {
    width: 100%;
    height: 120px;
    background-color: #f0f0f0;
    border-radius: 0px;
    outline: none;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
    padding: 10px 10px;

}

.cart-form.cart-address .delivery-address,
.cart-form.cart-address .invoice-address {
    width: 100%;
    text-align: left;
    padding: 10px;
    font-size: 16px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    background-color: #f0f0f0;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
}

.cart-form.cart-address span {
    display: block;
    position: relative;
}

.cart-form.cart-address span:after {
    content: "\e902";
    font-family: 'kotek-home';
    font-size: 14px;
    position: absolute;
    right: 9px;
    top: 9px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
}

.cart-form.cart-address h3 span:after {
    display: none;
}


.cart-form.cart-address.cart-address-postal .only-pickup,
.cart-form.cart-address.cart-address-pickup .only-postal {
    display: none !important;
}



@media all and (max-width: 999px) {

    .cart-right {
        display: none;
    }
}


@media all and (min-width: 1000px) {
    .cart-left {
        width: 66%;
        float: left;
        clear: both;
    }

    .cart-right {
        width: 26%;
        float: right;
        clear: right;
        background-color: #fafafa;
        padding: 0px 20px;
    }


    .cart-left h3,
    .cart-right h3 {
        padding-bottom: 15px;
        border-bottom: 1px solid #eb5f5f;
    }


    .cart-left h3 span {
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #eb5f5f;
        font-family: "Playfair Display", serif;
    }

    .cart-right .cart-table *{
        font-size: 14px;
    }

    .cart-right .cart-summary * {
        font-size: 16px;
    }

    .cart-right.cart-table th,
    .cart-right .cart-table td {
        padding: 10px 5px;
    }

    .cart-right .cart-table .cart-img img {
        width: 50px;
    }

}

/*
@media all and (min-width: 800px) {
    .cart-form .inp {
        display: table;
        width: 100%;
    }

    .cart-form label {
        padding-bottom: 0px;
    }

    .cart-form .inp > * {
        display: table-cell;
    }

    .cart-form .inp > label {
        width: 27%;
        padding-right: 3%;
        text-align: right;
    }

    .cart-form .inp > .form-static,
    .cart-form .inp > .form-control {
        width: 70%;
    }

    .cart-form .inp.inp-radio-list > *,
    .cart-form .inp-radio-list {
        display: block;
    }

    .cart-form .inp-radio-list label {
        width: 100%;
        padding-right: 0px;
        text-align: left;
        margin: 10px 0px;
    }

    .cart-form .inp-radio-list label:first-child {
        margin-top: 0px;
    }
    .cart-form .inp-radio-list label:last-child {
        margin-bottom: 0px;
    }
}



@media all and (min-width: 1400px) {
    .cart-form .inp {
        float: left;
        margin: 0px;
    }

    .cart-form .inp > label {
        width: 180px;
        padding-right: 20px;
    }
    .cart-form .inp > .form-static,
    .cart-form .inp > .form-control {
        width: auto;
    }

    .cart-form .inp.inp-radio-list > label {
        width: 100%;
        padding-right: 0px;
    }
    .cart-form .inp.inp-radio-list > label:after {
        content: '';
    }


    .cart-form .inp.inp-100 {
        width: 100%;
    }

    .cart-form .inp.inp-70 {
        width: 70%;
    }

    .cart-form .inp.inp-50 {
        width: 50%;
    }

    .cart-form .inp.inp-30 {
        width: 30%;
    }
}

*/

/*  login znotraj košarice (3 stolpci, prijavi se, registriraj se ali nakupuj kot gost ///////////////*/
.cart-login {
    background-color: #f0f0f0;
    margin: 0px;
    padding: 50px 0px;
}
.cart-login .column {
    background-color: #fff;
}

@media all and (max-width: 799px) {

    .cart-login .column h3 {
        margin-top: 0px;
    }

    .cart-login .column {
        margin: 30px 0px;
        padding: 50px 30px;
    }

    .cart-login .column:last-child {
        border-bottom: none;
    }

}


@media all and (min-width: 800px) {
    .cart-login .cart-login-row{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .cart-login .column {
        padding: 25px;
        width: 25%;
    }

    .cart-login .column {
        margin: 20px 0px;
    }

}


/* cart delivery form ///////////////*/
/*opozorilo pri napačni prijavi, stil velja za vse obrazce/forme///////////*/
p.invalid {
    color: #ff0000;
    font-size: 14px;
    font-weight: 600;
}




/*user dropdown/////////////////////////////////////////*/


.user .dropdown {
    position: relative;
    height: 0px;
    overflow: visible;
    z-index: 10;
}

.user .dropdown-content {
    display: none;
    background: #ffffff;
    border: 1px solid #c7c7c7;
    padding: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    z-index: 10;
   /* box-shadow: 0 2px 9px rgba(0,0,0,.1);*/
}

.user.opened .dropdown-content {
    display: block;
}

.user .dropdown p {
    margin-bottom: 0px;
}


.user-login label {
    display: block;
    font-size: 14px;
    margin: 5px 0px;
    float: left;
}

.user-login input[type="email"],
.user-login input[type="password"]{
    border: 1px solid #c7c7c7;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    padding: 10px 10px;
}


.toggle-password-visibility {
    position: absolute;
    right: 0px;
    top: 33px;
    outline: none;
    border: none;
    font-size: 22px;
    background-color: transparent;
}


.user .dropdown-content .dropdown-title {
    display: block;
    padding: 10px 0px;
    font-weight: 600;
}

.user-login .row {
    margin: 10px 0px;
    position: relative;
}

.user .dropdown-content .actions {
    margin-bottom: 0px;
}

.user .dropdown-content .actions .btn-outline {
    display: block;
}

.user-login button.btn {
    display: block;
    width: 100%;
}


.forgot-password,
.logout {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-decoration: underline;
    margin: 0px;
}

.user .dropdown-content .forgot-password,
.user .dropdown-content .logout {
    text-align: center;
}

.forgot-password a,
.logout a {
    display: inline;
    outline: none;
    color: #53575a;
}

.user .dropdown-content .registration {
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
}



@media all and (min-width: 1000px) {
    .user .dropdown-content {
        width: 250px;
    }
}



.user a.my-account {
    display: block;
    padding: 6px 10px 6px 12px;
    background: #eb5f5f;
    color: #ffffff;
    outline: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    text-align: center;
}

.user a.my-account:after {
    display: inline-block;
    font-family: "bakus";
    content: '\f105';
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 16px;
    font-weight: normal;
}

.user a.my-account:hover:after {
    transform: translate(5px, 0px);
}


/*forgot password////////////////////////////////////////////////////////////*/

.cbox.forgot-password {
    margin: 0px;
    padding: 80px 0px;
}


.cbox.forgot-password .forgot-password .row {
    margin: 10px 0px;
    position: relative;
}

.cbox.forgot-password .forgot-password label {
    display: block;

    font-size: 14px;
    margin: 5px 0px;
    float: left;
    text-align: center;
}

.cbox.forgot-password .forgot-password input[type="email"],
.cbox.forgot-password .forgot-password input[type="password"]{
    background-color: #f0f0f0;
    border-radius: 0px;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 10px 10px;
}

.cbox.forgot-password .forgot-password button.btn {
   /* background-color: #b9a11f;
    padding: 10px 10px 10px 12px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
    margin: 15px 0px;*/
}

.cbox.forgot-password .forgot-password button.btn:after {
  /*  display: inline-block;
    font-family: "kz-krsko";
    content: '\e80b';
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 16px;
    font-weight: normal;*/
}


.cbox.forgot-password .forgot-password button.btn:hover:after {
   /* transform: translate(5px, 0px);*/
}

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

@media all and (min-width: 600px) {
    .cbox.forgot-password .inner{
        width: 60%;
    }
}
@media all and (min-width: 1000px) {
    .cbox.forgot-password .inner{
        width: 500px;
    }
}



.userarea-container h1 {
    text-align: center;
}

.userarea-container .userarea-sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.userarea-container .userarea-sidebar li {
    list-style: none;
    margin: 0px;
    padding: 15px 0px;
    text-align: center;
}

.userarea-container .userarea-sidebar a {
    text-decoration: none;
    color: #53575a;
}
.userarea-container .userarea-sidebar li.active a {
    color: #eb5f5f;
}

.userarea-container .main-action {
    text-align: center;
}
.userarea-container .sub-actions {
    display: block;
    line-height: 32px;
}

.userarea-container .btn {
    background-color: #eb5f5f;
    display: inline-block;
    padding: 8px 10px 10px 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
    text-decoration: none;

}
.userarea-container .btn.btn-sm {
    padding: 4px 6px 5px 7px;
    font-size: 13px;
    line-height: 19px;
}
.userarea-container .btn.btn-danger {
    background-color: #53575a;
}
.userarea-container .btn.btn-disabled {
    opacity: 0.5;
}


.userarea-container .addresses {
    padding-top: 20px;
}

.userarea-container .addresses p {
    text-align: center;
    margin: 0px;
    padding: 20px 0px;
    position: relative;
}


.userarea-container .addresses p:before {
    background: transparent url('/resource/css/img/catalog-line-horizontal.png') bottom center no-repeat;
    content: ' ';
    width: 150px;
    height: 1px;
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0px);
    line-height: 1px;
    font-size: 1px;
}


.userarea-container .table-responsive {
    overflow: auto;
}

.userarea-container .table-past-orders ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.userarea-container .table-past-orders ul li {
    list-style: none;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}
.userarea-container .table-past-orders ul li:last-child {
    padding: 0px;
}



@media (min-width: 600px) {
    .userarea-container h1 {
        text-align: left;
        margin-bottom: 60px;
    }

    .userarea-container .userarea-sidebar li {
        text-align: left;
    }


    .userarea-container .userarea-sidebar {
        float: left;
        width: 200px;
        position: relative;
    }

    .userarea-container .userarea-sidebar:after {
        background: transparent url('/resource/css/img/catalog-line-vertical.png') bottom center no-repeat;
        content: ' ';
        height: 150px;
        width: 1px;
        display: block;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translate(0px, -50%);
        line-height: 1px;
        font-size: 1px;
    }

    .userarea-container .userarea-content {
        margin-left: 240px;
    }
}

@media (min-width: 850px) {
    .userarea-container .main-action {
        text-align: right;
    }

    .userarea-container .addresses {
        padding-top: 0px;
    }

    .userarea-container .addresses p {
        float: left;
        text-align: left;
        width: 45%;
        margin-right: 5%;
    }
    .userarea-container .addresses p:nth-child(2n+1) {
        clear: left;
    }

    .userarea-container .addresses p:before {
        display: none;
    }

}

@media (min-width: 1150px) {
    .userarea-container .addresses p {
        width: 30%;
        margin-right: 3%;
    }

    .userarea-container .addresses p:nth-child(2n+1) {
        clear: none;
    }
    .userarea-container .addresses p:nth-child(3n+1) {
        clear: left;
    }
}
p.required {
    font-size: 12px;
    text-align: right;
    font-style: italic;
}

.registration-form .row {
    margin: 10px 0px;
}

.registration-form .inp.inp-50 {
    width: 48%;
}

.registration-form .inp-50:nth-child(odd) {
    float: left;
}

.registration-form .inp.inp-50:nth-child(even) {
    float: right;
}

.registration-form .inp.inp-30 {
    width: 31%;
    float: left;
}

.registration-form .inp.inp-70 {
    width: 64%;
    float: right;
}

.registration-form label {
    display: block;
    font-size: 14px;
    margin: 5px 0px;
    float: left;
}


.registration-form .checkbox label {
    display: block;
    font-size: 14px;
    margin: 5px 0px;
    float: left;
    width: calc(100% - 40px);
}

.registration-form .checkbox input[type="checkbox"] {
    width: 19px;
    height: 19px;
    border: none;
    margin: 3px 0px 0px 0px;
    float: left;
    margin-right: 10px;
}

.registration-form .form-control .txt,
.registration-form .form-control .password {
    background-color: #f0f0f0;
    border-radius: 0px;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 10px 10px;
}

.registration-form .required label:after {
    content: ' *';
}

.registration-form .inp-radio-list label {
    width: 90%;
    padding: 30px 5%;
    background-color: #eee;

}


.registration-form .basket-comment {
    width: 100%;
    height: 120px;
    background-color: #f0f0f0;
    border-radius: 0px;
    outline: none;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
    padding: 10px 10px;

}

.registration-form.cart-address .delivery-address,
.registration-form.cart-address .invoice-address {
    width: 100%;
    text-align: left;
    padding: 10px;
    font-size: 16px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    background-color: #f0f0f0;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
}

.registration-form.cart-address span {
    display: block;
    position: relative;
}

.registration-form.cart-address span:after {
    content: "\f107";
    font-family: 'bakus';
    font-size: 14px;
    position: absolute;
    right: 9px;
    top: 9px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
}


.registration-form button.btn {
    background-color: #eb5f5f;
    padding: 10px 10px 10px 12px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
    margin: 15px 0px;
}

.registration-form button.btn:after {
    display: inline-block;
    font-family: "kotek-home";
    content: '\e904';
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 16px;
    font-weight: normal;
}

/*Obrazec vinoljub////////////////////////////////*/

.cbox.registration.member {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0px;
    margin: 0px;
}

.cbox.registration.member .inner {
    background: rgba(57,60,63,0.8);
    width: 80%;
    padding: 30px 5%;
}
.cbox.registration.member h2 {
    text-align: center;
}

.cbox.registration.member .registration-form label,
.cbox.registration.member .registration-form p.required {
    color: #ffffff;
}

.registration-form a.btn-close {
    display: none;
}

/*
.cbox.registration.member * {
    color: #ffffff;
}
*/
@media (min-width: 1000px) {

    .cbox.registration .inner {
        width: 500px;
    }

    .cbox.registration.member .inner {
        padding: 50px 80px;
        width: 600px;
    }
}


@media (min-width: 1200px) {

    .cbox.registration.member {
        background-attachment: fixed;
    }
}
.cbox.cookie-bar {
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    width: 94%;
    padding: 20px 3%;
    background-color: rgba(83, 87, 90, 0.90);
    margin: 0px;
    overflow: hidden;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.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;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    outline:none;
    background-color: #eb5f5f;
    display: block;
    padding: 10px;
    border: none;
    font-size: 14px;
    line-height: 23px;
    margin: 15px 0px;
}

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

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

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


.cookies input.btn {
    letter-spacing: 1px;
    font-family: Oswald;
    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;
}

.cookie-bar .description {
    font-size: 12px;
    line-height: 18px;
}

@media all and (min-width: 700px) {
    .cbox.cookie-bar:hover {
        background-color: rgba(83, 87, 90, 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: 50%;
    }

    .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: 450px;
        padding: 20px;
    }

}
/* PRODUCT LIST naslov in bradcrumbs /////////////////////////////////////////*/

.product-list-heading * {
    text-align: center;
}

.breadcrumbs a {
    font-size: 14px;
    text-decoration: none;
    outline: none;
    color: #929292;
}

.breadcrumbs a:hover {
    color: #929292;
}

.breadcrumbs a:after {
    display: inline-block;
    content: "/";
    margin: 0px 10px;
}

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



/* PRODUCT LIST /////////////////////////////////////////*/


.products-box {
    display: grid;
    grid-gap: 25px 25px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
}

.products-box .product {
    position: relative;
    text-decoration: none;
    outline: none;
}
.products-box .product.out-of-stock .product-img {
    opacity: 0.5;
}

.products-box .product.offer-box *,
.products-box .product.best-seller-box * {
    text-align: center;
    margin: 15px 0px;
}


.products-box .product.best-seller-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 10px;
    outline: 3px solid #000000;
    outline-offset: -3px;
}


.products-box .product.offer-box > * {
    color: #ffffff;
}



.products-box .product.offer-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 10px;
    background-color: #eb5f5f;
}

.products-box .product > span {
    display: block;
}

.products-box .product .product-label {
    position: absolute;
    left: 15px;
    top: 15px;
}

.product-label span {
    display: inline-block;
    padding: 5px 10px;
    color: white;
    font-size: 11px;
    letter-spacing: 2px;
    border-radius: 3px;
    font-weight: 600;
}

.product-label span.discounted {
    background-color: #eb5f5f;
}

.product-label span.new,
.product-label span.no-stock {
    background-color: #000000;
}

.products-box .product .product-img {
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    outline: none;
    background-color: #ffffff;
}

.products-box .product .product-img:after {
    bottom: 0;
    content: "";
    left: 0;
    opacity: 5.098039215686274%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.products-box .product .product-img .product-img-size {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;

}

.products-box .product .product-img .product-img-size img {
    display: block;
    outline: 1px solid #e2e2e2;
    outline-offset: -1px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.products-box .product:hover .product-img .product-img-size img {
    opacity: 0.8;
}

.products-box .product .product-details {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 20px;
    gap: 20px;
}

.products-box .product-caption .product-name,
.products-box .product-caption .price {
    display: block;
}

.products-box .product-caption .product-name{
    font-size: 16px;
    margin: 15px 0px;
    font-weight: 600;
}

.products-box .product-caption .price.discounted .regular {
    text-decoration: line-through;
}
.products-box .product-caption .price.discounted .sell {
    color: #eb5f5f;
}


/*prelomi PRODUCT LIST ///////////////////////*/


@media all and (min-width: 1000px) {
    .products-box {
        grid-template-columns: repeat(4, 1fr);
    }

    .related-products .products-box {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* PODSTRAN PRODUKTA /////////////////////////////////////////*/


.cbox.product {
    margin-top: 0px;
    padding-top: 20px;
}


.product-right h3 {
    font-weight: 600;
    font-style: normal;
    margin: 0px;
    padding: 0px;
}

.product-right h3.price {
    font-size: 25px;
    margin: 0px;
}

.product-right h3.price.discounted span.regular {
    font-weight: normal;
    position: relative;
}

.product-right h3.price.discounted span.sell {
    font-weight: 600;
}

.product-right h3.price.discounted span.regular {
    font-size: 16px;
}

.product-right h3.price.discounted span.regular:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid rgba(0,0,0,0.5);
    width: 100%;
    transform: translateY(-50%);
}

.product-right p.stock-status span {
    display: block;
}

.product-right p.stock-status .in-stock {
    color: #1e9f11;
}
.product-right p.stock-status .out-of-stock {
    color: #eb121c;
}

.cbox.product > .inner > .product-left > *:first-child,
.cbox.product > .inner > .product-right > *:first-child {
 /*   margin-top: 0px;
    padding-top: 0px;*/
}
.cbox.product > .inner > .product-left > *:last-child,
.cbox.product > .inner > .product-right > *:last-child {
   /* margin-bottom: 0px;
    padding-bottom: 0px;*/
}

.cbox.product > .inner > .product-left,
.cbox.product > .inner > .product-right {
    padding-top: 20px;
}

.cbox.product .product-discount span {
    background: #eb5f5f;
    color: #ffffff;
    display: inline-block;
    padding: 4px 10px;
}


/* Opis / detajli produkta - odpiranje/zapiranje  ////*/

.product-details {
    display: flex;
    flex-direction: column;
}

.product-details .properties {
    border-top: solid 1px #3D4D43;
}

.product-details .properties:last-child {
    border-bottom: solid 1px #3D4D43;
}

.product-details h3 {
    margin: 0px;
    padding: 0px;
}

.product-details h3 a {
    display: block;
    padding: 20px 20px 20px 0px;
    text-decoration: none;
    outline: none;
    position: relative;
}


.product-details h3 a:after {
    position: absolute;
    right: 0px;
    top: 0px;
    font-family: 'kotek-home';
    content: "\e902";
    font-size: 15px;
    margin-top: 20px;
}

.product-details .opened h3 a:after {
    content: "\e905";
}

.product-details .properties-text {
    opacity: 0;
    height: 0px;
    overflow: hidden;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.product-details .opened .properties-text {
    opacity: 1;
    height: auto;
    margin-bottom: 20px;
}





@media all and (min-width: 800px) {
    .cbox.product > .inner > .product-left {
        float: left;
        width: 48%;
    }
    .cbox.product > .inner > .product-right {
        float: right;
        width: 48%;
    }

    .cbox.product > .inner > .product-left,
    .cbox.product > .inner > .product-right {
    padding: 20px 0px;
    }
}
/*fotogalerija na podstrani produkta/////////////////////////////////////////////////////////////////////////////*/


.product-gallery {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.product-gallery .product-gallery-img {
    border: 1px solid #e2e2e2;
}

.product-gallery-img {
    display: block;
    position: relative;
    outline: none;
    overflow: hidden;
}

.product-gallery-img:after {
    content: "";
    display: block;
    padding-top: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.product-gallery-img figure {
    position: absolute;
    width: 100%;
    height: 100%;
    margin:0px;
}

.product-gallery figure img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.product-gallery figure a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}



/*fotogalerija navigacija (male sličice, thumbsi) /*/


.product-gallery-nav {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
}

.product-gallery-nav figure {
    margin:0px;
    border: 1px solid #e2e2e2;
    display: block;
    position: relative;
    background: #fff center center no-repeat;
    background-size: cover;
    outline: none;
    overflow: hidden;
}
.product-gallery-nav figure.active {
    border-color: #000000;
}

.product-gallery-nav figure:after {
    content: "";
    display: block;
    padding-top: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.product-gallery-nav figure a{
    position: absolute;
    width: 100%;
    height: 100%;
    margin:0px;
}

.product-gallery-nav figure figcaption {
    display: none;
}

/*youtube filmčki /////*/

.product-youtube {
    width: 100%;
}

.product-youtube iframe.youtube {
    width: 100%;
    height: 300px;
    display: block;
    margin: 50px 0px;
}


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

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

    .product-gallery {
        row-gap: 20px;
    }

    .product-gallery-nav {
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 20px;
    }

}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-inner:after { /* pic security */
	content: " ";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/resource/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/resource/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/resource/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/resource/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/resource/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/resource/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/*text-box - okvirček med vsebino//////////////////////////////////////////////////////////*/

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

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

.cbox .text-box.color-white,
.text-box.color-white {
    background-color: #ffffff;
    padding: 0px;
}

.text-box.color-grey {
    background-color: #f2f2f2;
}

.text-box.color-dark {
    background-color: #000000;
}

.text-box.color-dark * {
    color: #aaaaaa;
}

.text-box.color-dark h1,
.text-box.color-dark h2,
.text-box.color-dark h3,
.text-box.color-dark h4 {
    color: #ffffff;
}


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

.text-box-pos-mid {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    padding: 0px 40px;
}

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



/*okvirček s sliko v ozadju ///////////////////////////////////////////////////////////////////////*/

.cbox.text-box.bg-image {
    background-size: cover;
    background-position: center center;
    padding: 100px 0px;
}

.cbox.text-box.bg-image * {
    color: #ffffff;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    text-align: center;
}



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


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

    .cbox .text-box {
        padding: 30px 5%;
    }

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

    .text-box.pos-center {
     /*   width: 50%;*/
    }

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

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

    .text-box.pos-left.color-white,
    .text-box.pos-right.color-white {
        width: 48%;
        padding: 30px 0px;
    }

    .text-box.pos-center {
        margin: 25px auto;
    }

}


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

    .cbox.text-box.bg-image {
        background-attachment: fixed;
    }
}





/*splitted text-box//////////////////////////////////////////////////////////////////////////////*/


.cbox.text-box.splited,
.cbox.text-box.splited-content-width {
    padding: 0px;
}

.cbox.text-box.splited .inner,
.cbox.text-box.splited-content-width .inner {
    width: 100%;
    padding: 0px;
    margin: 0px;
}


.cbox.text-box.splited.pos-left,
.cbox.text-box.splited.pos-right {
    width: 100%;
}

.cbox.text-box.splited-content-width.pos-left,
.cbox.text-box.splited-content-width.pos-right {
    width: 90%;
    margin: 30px auto;
}

.cbox.text-box.splited figure,
.cbox.text-box.splited-content-width figure {
    clear: none;
    margin: 0px;
    overflow: hidden;
    width: 100%;
}

.cbox.text-box.splited figure img,
.cbox.text-box.splited-content-width figure img {
    width: 100%;
    display: block;
}

.cbox.text-box.splited figcaption,
.cbox.text-box.splited-content-width figcaption {
    display: none;
}

.cbox.text-box.splited .text-box-content-offset,
.cbox.text-box.splited-content-width .text-box-content-offset {
    padding: 30px;
}




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


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

    .cbox.text-box.splited,
    .cbox.text-box.splited-content-width {
        position: relative;
        min-height: 450px;
    }

    .text-box.splited.pos-left,
    .text-box.splited.pos-right,
    .text-box.splited-content-width.pos-left,
    .text-box.splited-content-width.pos-right {
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    .cbox.text-box.splited figure,
    .cbox.text-box.splited-content-width figure {
        position: absolute;
        height: 100%;
        overflow: hidden;

    }

    .cbox.text-box.splited figure,
    .cbox.text-box.splited-content-width figure {
        width: 50%;
    }
    .cbox.text-box.splited.pos-right figure,
    .cbox.text-box.splited-content-width.pos-right figure{
        right: 50%;
    }
    .cbox.text-box.splited.pos-left figure,
    .cbox.text-box.splited-content-width.pos-left figure {
        left: 50%;
    }

    .cbox.text-box.splited figure img,
    .cbox.text-box.splited-content-width figure img {
        position: absolute;
        display: block;
    }

    .cbox.text-box.splited .text-box-content,
    .cbox.text-box.splited-content-width .text-box-content {
        width: 45%;
        min-height: 450px;
        display: table;
    }

    .cbox.text-box.splited-content-width.color-white .text-box-content {
        width: 50%;
    }

    .cbox.text-box.splited.pos-right .text-box-content-offset,
    .cbox.text-box.splited-content-width.pos-right .text-box-content-offset {
        padding: 50px 0px 50px 15%;
    }

    .cbox.text-box.splited.pos-left .text-box-content-offset,
    .cbox.text-box.splited-content-width.pos-left .text-box-content-offset {
        padding: 50px 15% 50px 0px;
    }

    .cbox.text-box.splited.pos-right .text-box-content,
    .cbox.text-box.splited-content-width.pos-right .text-box-content {
        float: left;
        margin-left: 50%;
    }

    .cbox.text-box.splited.pos-left .text-box-content,
    .cbox.text-box.splited-content-width.pos-left .text-box-content {
        float: right;
        margin-right: 50%;
    }

    .cbox.text-box.splited .text-box-content .text-box-content-offset,
    .cbox.text-box.splited-content-width .text-box-content .text-box-content-offset{
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }

}

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


    .cbox.text-box.splited.pos-right .text-box-content-offset{
        padding: 50px 0px 50px 14%;
    }

    .cbox.text-box.splited.pos-left .text-box-content-offset{
        padding: 50px 14% 50px 0px;
    }


    .cbox.text-box.splited.pos-right .text-box-content {
        float: none;
        width: 650px;
    }
    .cbox.text-box.splited.pos-left .text-box-content {
        width: 650px;
    }


    .cbox.text-box.splited-content-width.pos-left,
    .cbox.text-box.splited-content-width.pos-right {
        width: 1300px;
    }

}