/*********** CSS RESET **********/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');

* {
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none;
    scroll-behavior: smooth;
}

ol,
ul {
    list-style: none
}

m a img {
    border: 0
}

img {
    max-width: 100%
}

hr {
    margin: 20px 0 30px 0;
    border: 0;
    height: 0;
    border-top: 1px solid #dbdbdb;
    display: block
}

a:active {
    outline: 0
}

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
textarea {
    border-radius: 0
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

script {
    display: none !important
}

body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #fff;
    font: normal 14px 'Open Sans', sans-serif;
    color: #493d4b
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3d3d3d;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
}

h1 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 25px
}

h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 25px 0 10px 0
}

h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 10px 0
}

p {
    line-height: 20px;
    margin-bottom: 30px
}

a {
    color: #a840b8;
    cursor: pointer
}

    a img {
        opacity: .99
    }

table {
    width: 100%;
    border-collapse: collapse
}

/* Youtube embed */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Overlay Fancybox */

.fancybox-container {
    z-index: 9999999991 !important;
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    z-index: 9999999992 !important;
}

iframe .page.product-reviews-page {
    min-height: 60vh
}

.page.product-reviews-page .page-title {
    margin-bottom: 20px
}

    .page.product-reviews-page .page-title h1 {
        font-size: 22px
    }

.popup-window .product-reviews-page textarea {
    min-height: 110px
}

.popup-window .product-reviews-page {
    margin: 20px
}

    .popup-window .product-reviews-page .form-fields {
        padding: 10px
    }

    .popup-window .product-reviews-page .buttons {
        margin-top: 20px
    }


.fancybox-container button#fancy-newschool,
.fancybox-container button#fancy-cart {
    /* background: #1f899a url(../images/plus-qty.png) 10px center no-repeat;
    padding: 20px;
    padding-left: 40px;
    border: none;
    color: #FFF;
    font-size: 20px;
    float: right;
    */
    background: #a840b8 url(../images/add-to-shopping-cart.png) right 15px center no-repeat;
    font-weight: 700;
    padding-right: 70px;
    font-size: 20px;
    float: none;
    -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 45%);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 45%);
    text-shadow: 1px 1px 2px #333;
    float: right;
    padding: 15px 30px;
    padding-right: 70px;
    border-radius: 4px;
    border: none;
    color: #FFF;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    margin: 0 auto 20px;
}

#fancy-div-content {
    margin-bottom: 30px;
    font-size: 1.68em;
    line-height: normal
}

.fancybox-container button#fancy-ok,
.fancybox-container button#fancy-continue {
    background: #1f899a;
    padding: 15px 30px;
    border: none;
    color: #FFF;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 45%);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 45%);
    text-shadow: 1px 1px 2px #333;
}

.fancybox-container button#fancy-cancel {
    background: #4a0f53;
    padding: 10px 20px;
    border: none;
    color: #FFF;
    margin-bottom: 20px
}

.fancybox-container {
    text-align: center
}

    .fancybox-container button.btn {
        display: inline-block;
        float: none;
        width: auto;
        text-align: center
    }

    .fancybox-container button.fancybox-close-small,
    .fancybox-container button.closeBtn {
    }

/* Tabele pri specifikaciji izdelka */

table.specsTable {
    width: 100% !important;
    background: #fff;
    border: 10px solid #fff
}

.specsTable td {
    border-bottom: 2px solid #f8f8f8;
    padding: 8px
}

/* Printink Flex View */

/* Top 2 */

.ink-flex-wire-green {
    background: #07b6ac
}

    .ink-flex-wire-green * {
        color: #FFF
    }

    .ink-flex-wire-green .vzs-flex-button {
        padding: 15px;
        background: #FFF;
        color: #07b6ac;
        font-weight: bold;
        text-transform: uppercase;
        border-radius: 30px;
        display: inline-block;
    }

.ink-flex-wire-blue {
    background: #5a99da
}

    .ink-flex-wire-blue * {
        color: #FFF
    }

    .ink-flex-wire-blue .vzs-flex-button {
        padding: 15px;
        background: #FFF;
        color: #5a99da;
        font-weight: bold;
        text-transform: uppercase;
        border-radius: 30px;
        display: inline-block;
    }

.ink-flex-wire-white {
    background: #FFF
}

    .ink-flex-wire-white * {
        color: #07b6ac;
    }

    .ink-flex-wire-promo * {
        text-align: center !important
    }

    .ink-flex-wire-promo.ink-flex-wire-white * {
        color: #5a99da
    }

    .ink-flex-wire-white .vzs-flex-button {
        padding: 15px;
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
    }

        .ink-effect-bounce {
            animation: bounce 2s ease infinite;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }

            40% {
                transform: translateY(-30px);
            }

            60% {
                transform: translateY(-15px);
            }
        }

.ink-flex-wire.ink-flex-w50 img {
    max-width: 25%;
    margin-top: 20px
}

.ink-flex-wire.ink-flex-w50 h3 {
    font-size: 200%;
    margin-top: 28%;
    line-height: 110%
}

.ink-flex-wire.ink-flex-w50 a.lnk100 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.flex-mid-heading {
    font-size: 200%;
    color: #3d3d3d;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
    line-height: normal
}

.ink-flex-view {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    text-align: center
}

.ink-flex-wire {
    border: 1px solid #d980b5;
    padding: 20px;
    margin: 0.75%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.ink-flex-wire-promo {
    border: 1px solid #5a99da;
    padding: 20px;
    margin: 0.75%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

    .vzs-border-green {
        border-color: #07b6ac
    }

    .vzs-background-green {
        background-color: #07b6ac
    }

    .vzs-border-blue {
        border-color: #5a99da
    }

    .vzs-background-blue {
        background-color: #5a99da
    }
    .vsezasolo .ink-flex-view .vzs-background-blue a span
    .vsezasolo .ink-flex-view .vzs-background-green a span {
        color:#FFF
    }

    .ink-flex-wire:hover {
        background: #3f3f3f;
        border-radius: 0
    }

.ink-flex-wire img {
    max-width: 60%
}

.ink-flex-wire-radius {
    border-radius: 20px
}

.ink-flex-wire.ink-xs-12 {
    width: 100%
}

.ink-flex-wire.ink-xs-6 {
    width: 48%
}

.vsezasolo .ink-flex-view a {
    color: #3f3f3f;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

    .vsezasolo .ink-flex-wire:hover a {
        color: #FFF
    }

.vsezasolo .ink-flex-view a span {
    padding: 10px 0 0;
    display: inline-block;
    font-weight: bold
}

/* START IZDELEK FLASHES */

.productFlashGift {
    position: absolute;
    left: 0;
    top: -100px;
    height: 100px;
    width: 100px;
    background: yellowgreen url(../images/flash-icon-gift.png) center 10px no-repeat;
    border-radius: 50%;
    text-align: center;
    line-height: 145px;
    font-weight: 700;
    color: #FFF;
}

    .productFlashGift:after {
        content: "+ DARILO"
    }

.productInlineCodeSchool {
    background: #07b6ac;
    display: table;
    padding: 3px 7px;
    color: #FFF;
    margin-top: 18px;
    margin-bottom: 20px;
}

/* Printer pages */

td.printercnt ul {
    list-style-type: disc;
    padding-left: 20px;
}

/* PrinterWizard skrij kjer ni zaloge */

.pokaziPrinterje {
    display: none
}

.pokaziPrinterje,
.skrijPrinterje {
    border: 1px solid #47a931;
    padding: 8px 8px 8px 15px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    color: #47a931;
    text-transform: uppercase;
    background: #FFF
}

.pokaziPrinterje {
    border: 1px solid #a840b8;
    color: #a840b8
}

span.pokaziPrinterje:before,
span.skrijPrinterje:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #47a931;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

span.pokaziPrinterje:before {
    background: #a840b8;
}

/* Hide, show */

.over1000,
.over769 {
    display: none
}

.under1001,
.under768 {
    display: block
}

.header-dostava {
    display: none !important
}

.bf-floater {
    display: none;
    right: -75px
}

.tiskalnikNiZaloge {
    display: none !important
}

#mega-menu-opener {
    display: none
}

/* Sklop PROMOCIJE */

.promocije .item-box .actual-price,
.promocije .overview .product-price label,
.promocije .variant-overview .product-price label {
    color: #5a99da
}

.promocije .overview .add-to-cart-button,
.promocije .variant-overview .add-to-cart-button,
.promocije .item-box .product-box-add-to-cart-button {
    background: #5a99da
}

    .promocije .ui-tabs-nav li.ui-state-active a,
    .promocije .overview .add-to-cart-button:hover,
    .promocije .overview .add-to-cart-button:hover,
    .promocije .variant-overview .add-to-cart-button:hover {
        background: #2f63a0
    }


/* Sklop VSE ZA ŠOLO - VZS */

.vsezasolo-productpage .header-logo a {
    position: relative;
    margin-top: -8px;
}

.vsezasolo .header-logo a:before {
    content: "";
    width: 110px;
    height: 33px;
    background: url(../images/vse-za-solo-after.svg) no-repeat;
    display: block;
    position: absolute;
    right: -36px;
    bottom: -25px;
}

.vsezasolo .search-box div.span {
    background: #1f899a url(../images/sola-search.png) center center no-repeat;
}

.vsezasolo .printer-box div.span {
    background: #1f899a
}

.vsezasolo .item-box .actual-price,
.vsezasolo .overview .product-price label,
.vsezasolo .variant-overview .product-price label {
    color: #07b6ac
}

.vsezasolo .overview .add-to-cart-button,
.vsezasolo .variant-overview .add-to-cart-button,
.vsezasolo .item-box .product-box-add-to-cart-button {
    background: #07b6ac
}

    .vsezasolo .ui-tabs-nav li.ui-state-active a,
    .vsezasolo .overview .add-to-cart-button:hover,
    .vsezasolo .overview .add-to-cart-button:hover,
    .vsezasolo .variant-overview .add-to-cart-button:hover {
        background: #1f899a
    }

.promocije .item-box .product-box-add-to-cart-button
.vsezasolo .item-box .product-box-add-to-cart-button {
    width: 85%;
    border-radius: 46px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.promocije .item-box .buttons,
.vsezasolo .item-box .buttons {
    margin-bottom: 20px
}

h3#selectedschols {
    margin-bottom: 20px
}

#contactusvzscontainer .buttons {
    margin-bottom: 0
}

#contactusvzscontainer button {
    background: #1f899a;
    padding: 15px 30px;
    border: none;
    color: #FFF;
    margin: 20px 0;
    font-weight: 700;
    font-size: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 45%);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 45%);
    text-shadow: 1px 1px 2px #333;
}

#contactuspromocontainer input.contact-us-button {
    background: #5a99da;
    padding: 15px 30px;
    border: none;
    color: #FFF;
    margin: 20px 0;
    font-weight: 700;
    font-size: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 45%);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 45%);
    text-shadow: 1px 1px 2px #333;
}

#contactusvzscontainer .form-fields {
    border: none;
    border-radius: 10px;
    padding: 30px 20px;
}

#contactuspromocontainer .result {
    background: #85c335;
    padding: 20px;
    margin: 20px 0;
    color: #FFF;
    font-weight: bold;
    font-size: 1.25em;
    line-height: normal;
}

/* Overrides for other CSS parts */
#fancybox-overlay {
    z-index: 1000000000 !important
}

#fancybox-wrap {
    z-index: 1000000001 !important
}

.cnj-trust-mark-vertical {
    z-index: 1 !important
}

/* Akcije - toggle div */

.toggleDivAction {
    display: inline-block;
    background: #a840b8;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    cursor: pointer
}

.toggleDiv {
    display: none
}

.showMoreFilter .title span {
    display: none
}

/* bf kategorije */

.showMoreCat {
    display: block;
    margin: 30px auto;
    text-align: center;
}

.hideCategories.collapsed {
    display: none
}

.hideCategories.pressed {
    display: block
}

/* Kuponi - seznam */

.couponListMain {
    display: grid;
    grid: unset;
    grid-gap: 0 1%;
    grid-template-columns: repeat(auto-fill, 48%);
    float: left;
    width: 100%
}

    .couponListMain * {
        text-align: center !important;
        line-height: 1
    }

    .category-page .couponListMain .item-box,
    .couponListMain .item-box {
        border: 1px solid #ddd;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        width: 100%
    }

        .couponListMain .item-box:nth-child(2n+1) {
            clear: both
        }

    .couponListMain .couponListDiscount {
        font-size: 20px;
        font-family: "Poppins";
        padding: 10px;
        background: #d1b6d6;
        margin: 0 0 10px;
        color: #fff;
        line-height: 1.25;
        display: inline-grid;
        width: 100%;
        vertical-align: top;
        align-items: center;
    }

    .couponListMain .couponListCode {
        text-transform: uppercase;
        font-size: 24px;
        font-weight: bold;
        width: auto;
        margin: 0 auto;
        border: 1px dashed #ddd;
        display: inline-block;
        padding: 15px;
        margin-bottom: 10px;
        line-height: 1;
        background: snow
    }

    .couponListMain .item-box .picture a:before {
        padding-top: 50%
    }

    .couponListMain button {
        width: auto;
        padding: 15px;
        background-color: #b755c6;
        text-align: center;
        font-size: 15px;
        color: #fff;
        border: none;
        text-transform: uppercase;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .couponImagesFullWidth .item-box .border-box-wrapper {
        padding: 0
    }

    .couponImagesFullWidth .item-box p,
    .couponImagesFullWidth .item-box .picture {
        margin: 0
    }

    .couponImagesFullWidth .item-box .picture a:before {
        padding-top: 73%
    }

    .couponListMain.couponHeadingPink .couponListDiscount {
        background: #dc607a;
    }

/* Popusti - seznam kategorij */

.popustiKategorijeDiv .item-box {
    position: relative;
}

    .popustiKategorijeDiv .item-box .title span {
        position: absolute;
        right: 5px;
        top: -5px;
        background: #a840b8;
        color: #FFF;
        font-size: 16px;
        padding: 0 4px;
        font-weight: bold
    }

/* Bundli seznam */

.couponListMain.bundleList .couponListDiscount {
    font-size: 16px;
    line-height: 20px
}

.couponListMain.bundleList * {
    line-height: 20px !important
}

/* Stran servisi */

.boxedDiv {
    display: inline-block;
}

a.btnFilter {
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: inline-block;
    /* width: 100%; */
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 14px;
    text-align: center;
    float: left;
    margin-right: 10px;
    text-decoration: none !important;
}

    a.btnFilter:hover {
        border: 1px solid #a840b8;
        background: #d1b6d6;
        color: #fff;
    }

/* Custom radio buttons */

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding: 0 10px 0 28px;
        cursor: pointer;
        display: inline-block;
        color: #666;
        line-height: 13px
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: -4px;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1)
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #a840b8;
            position: absolute;
            top: 0px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all .2s ease;
            transition: all .2s ease
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

/* Printink table */

.printinkTbl {
    max-width: 100%
}

    .printinkTbl tr {
        border-bottom: 1px solid #f8f8f8
    }

        .printinkTbl tr:nth-child(even) {
            background: #fff
        }

        .printinkTbl tr:nth-child(odd) {
            background: #fff
        }

    .printinkTbl th {
        background: #f8f8f8;
        padding: 5px
    }

    .printinkTbl td {
        padding: 5px
    }

.spanred {
    color: #c20c0c
}

.spangreen {
    color: #6cc306
}

.spangreen2 {
    color: #86d607
}

.spanyellow {
    color: #ffce0c
}

.spanpink {
    color: #a840b8
}

.spanblue {
    color: #0cc3ff
}

.skrlatna {
    color: #da44b5 !important
}

.rumena {
    color: #cba200 !important
}

.modra {
    color: #599be5 !important
}

.barvna {
    color: #838282 !important
}

.crna {
    color: #3b3b3b !important
}

.svetlomodra {
    color: #43c3ff !important
}

.svetloskrlatna {
    color: #ff33f3 !important
}

.svetlocrna {
    color: #333 !important
}

.svsvcrna {
    color: #4d4d4d !important
}

.f-right {
    float: right
}

.f-left {
    float: left
}

.circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    border: 2px solid #fff;
    display: inline-block;
    font-weight: bold
}

.circlepink {
    border-color: #a840b8
}

.no-border-searchResult {
    border-width: 0 !important;
    padding-top: 0 !important
}

input[type="text"],
input[type="password"],
textarea,
select {
    height: 36px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
    border-radius: 3px
}

input,
textarea,
select {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #3d3d3d
}

textarea {
    min-height: 150px
}

select {
    min-width: 50px;
    height: 32px;
    padding: 6px
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus {
        border-color: #ccc;
        color: #3d3d3d;
        border-radius: 3px
    }

input[type="checkbox"] {
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

    input[type="checkbox"],
    input[type="radio"],
    input[type="checkbox"] + *,
    input[type="radio"] + * {
        vertical-align: middle
    }

input[type="button"],
input[type="submit"],
button,
.button-1,
.button-2 {
    cursor: pointer;
    border-radius: 3px
}

label,
label + * {
    vertical-align: middle
}

.master-wrapper-content {
    position: relative;
    z-index: 0;
    width: 90%;
    margin: 0 auto
}

.master-column-wrapper {
    position: relative;
    z-index: 0;
}

    .master-column-wrapper:after {
        content: "";
        display: block;
        clear: both
    }

.grey-wrapper {
    background-color: #f9f9f9
}

.grey-wrapper2 {
    background-color: #f7f7f7;
    margin-top: 50px
}

.center-1 {
    margin: 0 0 100px
}

.center-2,
.side-2 {
    margin: 0 0 50px
}

    .side-2:after {
        content: "";
        display: block;
        clear: both
    }

.border-top {
    border-top: 1px solid #dbdbdb
}

.border-bottom {
    border-bottom: 1px solid #dbdbdb
}

.greybgfeight.category-list-small.border-top {
    background: none;
    border: none
}

.greybgfeight {
    background-color: #f8f8f8
}

.whitebg {
    background-color: #fff
}

.no-margin {
    margin: 0
}

.page {
    min-height: 200px;
    text-align: center
}

.category-page {
    min-height: initial
}

.page-title {
    min-height: 50px;
    margin: 0 0 35px;
    border-bottom: 1px solid #ddd;
    padding: 18px 0
}

    .page-title h1 {
        color: #3d3d3d;
        font-size: 28px;
        font-weight: 500;
        padding-bottom: 0
    }

    .page:after,
    .page-title:after,
    .page-body:after {
        content: "";
        display: block;
        clear: both
    }

.center-1 .page-title,
.center-1 .title {
    text-align: center
}

.buttons {
    margin: 0 0 30px
}

.link-rss {
    display: none;
    width: 24px;
    height: 24px;
    background: url('../images/rss.png') center no-repeat;
    font-size: 0 !important
}

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul {
    /* margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc */
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal
}

.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p {
    margin: 10px 0;
    text-align: justify
}

.flyout-cart {
    display: none
}

.fieldset,
.section {
    position: relative;
    margin: 0 0 40px
}

    .fieldset .title,
    .section .title {
        margin: 0 0 15px;
        padding: 0 10px;
        font-size: 20px;
        color: #3d3d3d
    }

        .fieldset .title strong,
        .section .title strong {
            font-weight: normal
        }

.form-fields {
    position: relative;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px
}

.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap;
    font-size: 0
}

    .inputs:after {
        content: "";
        display: block;
        clear: both
    }

    .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
        font-size: 14px;
        color: #3d3d3d
    }

        .inputs label.forcheckbox {
            width: auto
        }

    .inputs .vat-note {
        font-size: 13px;
        text-align: center;
        margin-top: 5px;
        white-space: normal
    }

    .inputs input[type="text"],
    .inputs input[type="password"],
    .inputs select,
    .inputs textarea {
        width: 400px;
        max-width: 100%;
        background-color: #fff
    }

    .inputs.custom-attributes {
        white-space: normal
    }

    .inputs .option-list {
        display: inline-block;
        max-width: 95%;
        vertical-align: middle
    }

        .inputs .option-list li {
            display: inline-block;
            margin: 5px;
            border: 1px solid #ddd;
            background-color: #fff;
            padding: 8px 10px
        }

        .inputs .option-list label {
            display: inline-block;
            width: auto !important;
            margin: 0 0 0 5px
        }

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

.required {
    margin: 0 -8px 0 3px;
    vertical-align: top;
    font-size: 20px;
    font-weight: normal;
    color: #e4434b
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #e4434b;
    margin-top: 5px
}

.field-validation-valid,
.username-available-status {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #4cb17c
}

.captcha-box {
    text-align: center;
    line-height: 0
}

    .captcha-box > div {
        display: inline-block;
        max-width: 100%
    }

    .captcha-box input {
        height: auto
    }

.table-wrapper {
    overflow-x: auto
}

.cart th,
.data-table th,
.forum-table th {
    padding: 10px;
    white-space: nowrap;
    font-weight: normal;
    text-align: left;
    color: #8f8f8f;
    font-size: 13px;
    line-height: 19px
}

.cart td,
.data-table td,
.forum-table td {
    min-width: 125px;
    border-width: 0;
    border-bottom: 1px solid #e2e2e2;
    background-color: #fff;
    padding: 20px 10px;
    color: #3d3d3d;
    font-size: 13px;
    font-weight: bold
}

.forum-table td {
    min-width: 90px
}

.opccart td {
    padding: 9px 5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal
}

.cart a,
.data-table a,
.forum-table a {
    font-weight: normal;
    color: #c15dd0
}

    .cart a:hover,
    .data-table a:hover,
    .forum-table a:hover {
        text-decoration: underline
    }

.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
    min-width: 225px;
    text-align: left
}

td.product-picture img {
    max-width: 50px;
}

.opccart .product {
    min-width: initial;
    width: auto;
    padding: 10px 5px 10px 0
}

.cart .product a,
.data-table .product a,
.data-table .info a {
    font-weight: bold;
    color: #3d3d3d
}

.opccart .product a {
    font-weight: normal
}

.cart .product a:hover,
.data-table .product a:hover,
.data-table .info a:hover,
tr.bundleitemstitle .allBundleitems a:hover {
    color: #c15dd0;
    text-decoration: none
}

.cart .product .edit-item {
    margin: 10px 0 0
}

    .cart .product .edit-item a {
        font-weight: normal;
        color: #c15dd0
    }

        .cart .product .edit-item a:hover {
            text-decoration: underline
        }

.cart .remove-from-cart {
    min-width: 80px
}

    .cart .remove-from-cart .delete {
        border: 0;
        background: url(../images/sprite.png) 0 -401px no-repeat;
        width: 20px;
        height: 21px
    }

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    text-align: center
}

.cart td.unit-price,
.data-table td.unit-price {
    white-space: nowrap
}

.postninaAlert {
    background: #ffce0c;
    border-radius: 0px;
    padding: 5px !important;
    padding-left: 5px !important;
    color: #000;
}

    .postninaAlert .productPrice {
        display: inline-block;
        font-weight: bold;
        float: right
    }

.cart td.quantity {
    min-width: 135px
}

.opccart td.quantity {
    min-width: 35px;
    text-align: center
}

.bundleitemstitle input,
.cart td.quantity input {
    width: 50px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    float: left
}

.cart .bundleitemstitle .adddeduct a,
.cart td.quantity a {
    text-align: center;
    background: url(../images/sprite.png) 0 -431px no-repeat;
    border: 0;
    width: 16px;
    height: 30px;
    display: block;
    float: left;
    margin: 0 0 0 11px
}

    .cart .bundleitemstitle .adddeduct a.addqnt,
    .cart td.quantity a.addqnt {
        background: url(../images/sprite.png) -24px -431px no-repeat
    }

.adddeduct + * {
    float: left
}

.adddeduct:after {
    content: "";
    display: block;
    clear: both
}

.cart td.subtotal,
.data-table td.total {
    white-space: nowrap;
    min-width: 100px;
    text-align: right
}

.opccart .subtotal,
.opccart td.subtotal {
    min-width: 25px;
    text-align: right;
    color: #a840b8
}

.opccart tr.bundleitemstitle td {
    padding: 14px 10px 5px 0;
    border-bottom: 0
}

    .opccart tr.bundleitemstitle td:first-child {
        color: #261029;
        font-size: 12px;
        font-weight: bold
    }

.opc tr.bundleitemsbg td {
    background: #fff;
    border-bottom: 0;
    padding-top: 3px;
    padding-bottom: 3px
}

.opc tr.last-bundle-item td {
    padding-bottom: 15px
}

.cart td.subtotal .discount {
    font-style: italic;
    color: #c15dd0;
    margin-top: 5px
}

/* HOMEPAGE */

/* Center */

body.homepage .master-wrapper-content.first-wrapper {
    position: relative
}

/* Slider - swiper-full-width */

.swiper-full-width {
    position: absolute;
    top: 0;
    width: 100%;
}

.swiper-inner-wrapper {
    width: 100%
}

.swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px
}

/* Product swiper */

.home-page-product-grid .bg-arrow-title {
    border: none;
    height: 0
}

.home-page-product-grid .product-details-page {
    position: relative
}

.home-page-product-grid .rpSwiperPrev {
    width: 50px;
    height: 100px;
    border-radius: 0 50px 50px 0;
    background: rgba(73, 61, 75, 0.2) url(../images/swiper-prev.png) center center no-repeat;
    position: absolute;
    z-index: 100;
    left: -1%;
    top: 50%;
    margin-top: -70px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.home-page-product-grid .rpSwiperNext {
    width: 50px;
    height: 100px;
    border-radius: 50px 0 0 50px;
    background: rgba(73, 61, 75, 0.2) url(../images/swiper-next.png) center center no-repeat;
    position: absolute;
    z-index: 100;
    right: -1%;
    top: 50%;
    margin-top: -70px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.home-page-product-grid a[class*="rpSwiper"]:hover {
    background-color: rgba(73, 61, 75, 0.5);
}

/* Manufacturers swiper */

.home-page-product-grid .manufacturer-item .title {
    background: none;
    padding: 0 !important;
    margin: 0 0 10px 0
}

    .home-page-product-grid .manufacturer-item .title a {
        font-size: 14px;
        color: #000
    }

/* Homepage - start */

.page.home-page .page-body {
    padding-top: 400px
}

.bannersExist .page.home-page .page-body {
    padding-top: 630px
}

/* HOMEPAGE BANNERS */

.homepage-banners {
    padding-bottom: 50px;
    display: inline-block
}

/* IZPOSTAVLJENI IZDELKI */

.product-list-highlight .plh-inner {
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    background: #f8f8f8
}

    .product-list-highlight .plh-inner h3 {
        font-size: 13px;
        line-height: 15px;
        min-height: 32px
    }

    .product-list-highlight .plh-inner .plh-badge {
        position: absolute;
        top: -15px;
        left: -1px;
        color: #FFF;
        font-weight: bold;
        z-index: 10;
        padding: 3px 8px;
        font-size: 12px;
        padding-left: 26px
    }

    .product-list-highlight .plh-inner .plh-badge-1 {
        background: crimson
    }

        .product-list-highlight .plh-inner .plh-badge-1:before {
            content: " ";
            margin-right: 5px;
            width: 20px;
            height: 16px;
            background-image: url(../images/sprite.png);
            display: inline-block;
            background-position: 0px -1386px;
            position: absolute;
            top: 5px;
            left: 4px;
        }

    .product-list-highlight .plh-inner .plh-badge-2 {
        background: orange
    }

        .product-list-highlight .plh-inner .plh-badge-2:before {
            content: " ";
            margin-right: 5px;
            width: 20px;
            height: 16px;
            background-image: url(../images/sprite.png);
            display: inline-block;
            background-position: 0px -1362px;
            position: absolute;
            top: 5px;
            left: 4px;
        }

    .product-list-highlight .plh-inner .plh-badge-3 {
        background: #a840b8
    }

        .product-list-highlight .plh-inner .plh-badge-3:before {
            content: " ";
            margin-right: 5px;
            width: 20px;
            height: 16px;
            background-image: url(../images/sprite.png);
            display: inline-block;
            background-position: 0px -1340px;
            position: absolute;
            top: 5px;
            left: 4px;
        }

    .product-list-highlight .plh-inner .plh-badge-4 {
        background: yellowgreen
    }

        .product-list-highlight .plh-inner .plh-badge-4:before {
            content: " ";
            margin-right: 5px;
            width: 20px;
            height: 16px;
            background-image: url(../images/sprite.png);
            display: inline-block;
            background-position: 0px -1409px;
            position: absolute;
            top: 5px;
            left: 4px;
        }

.category-description .plh-inner td {
    display: table-cell
}

.plh-td-1 {
    width: 28%;
    padding: 5px;
    vertical-align: middle !important;
}

.plh-td-2 {
    width: 2%;
    padding: 5px
}

.plh-td-3 {
    width: 68%;
    padding: 5px;
    vertical-align: top
}

.product-list-highlight .plh-inner .desc-wrapper {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 10px;
    min-height: 26px
}

.product-list-highlight .plh-inner .priceDDV {
    font-size: 12px
}

.product-list-highlight .plh-inner .price.actual-price {
    font-size: 16px;
    font-weight: bold;
    color: #ad3eba
}

.plh-more-lnk {
    background: #a840b8;
    color: #fff;
    padding: 3px 12px;
    margin-right: 0px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    font-size: 12px;
}

.plh-img {
    width: 100%;
    position: relative;
    background: #fff;
    margin: auto;
}

    .plh-img:after {
        content: " ";
        display: block;
        padding-bottom: 100%;
    }

    .plh-img img {
        position: absolute;
        max-width: 90%;
        left: 0;
        margin: auto;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 90%;
    }


/* FILTRI - WIZARD */

.wizard-wrapper {
    width: 100%;
    border-top: none;
    position: relative;
    z-index: 1;
    background: #f4eef5; /* background: url(../images/printerwizard-bg.jpg) center center no-repeat; */
    background-size: cover
}

    .wizard-wrapper .sub-category-grid {
        padding-bottom: 0;
        margin: 0
    }

    .wizard-wrapper .product-filters {
        margin-bottom: 0px;
        margin-top: 0
    }

    .wizard-wrapper .remove-filter {
        display: inline-block;
        position: absolute;
        bottom: -63px;
        z-index: 100;
        right: 0;
    }

.item-box.wizardPrinter4 li.item {
    position: relative;
    float: left;
    width: 100%;
    height: 19px
}

.wizard-wrapper .tooltipQmarkTouch {
    position: absolute;
    z-index: 10000;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 18px;
    right: 10px
}

.printer-widget-grid .item-box {
    background: #fdfdfd;
    border-radius: 2px;
    padding: 10px;
    height: 165px;
    border: 1px solid #ddd;
}

.wizard-wrapper .sub-category-grid .item-box {
    margin: 5px 1% 0
}

.printer-widget-grid .item-box h3 {
    font-size: 14px;
    margin: 0 0 5px
}

.printer-widget-grid .item-box.checkbox li.item span {
    border: none;
    padding-left: 0;
    margin-left: 20px;
    position: relative;
    width: 80%;
    padding: 0
}

    .printer-widget-grid .item-box.checkbox li.item span:before {
        content: " ";
        border: 1px solid #ddd;
        width: 14px;
        height: 14px;
        display: inline-block;
        position: absolute;
        left: -20px;
        -o-transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .3s;
        font-size: 9px;
        padding-left: 2px;
        font-weight: bold
    }

    .printer-widget-grid .item-box.checkbox li.item span.printerFilterOptionSelected {
        border: none;
        background: none;
        color: #a840b8;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .printer-widget-grid .item-box.checkbox li.item span:hover {
        color: #a840b8;
        background: none
    }

    .printer-widget-grid .item-box.checkbox li.item span.printerFilterOptionSelected:before {
        content: "\2713";
        color: #a840b8;
        font-size: 9px;
        padding-left: 2px;
        -webkit-box-shadow: 0px 0px 3px 1px #ddd;
        box-shadow: 0px 0px 3px 1px #ddd;
    }

.printer-widget-grid .item-box.checkbox li.item .tooltipQmarkTouch:before {
    display: none
}

.printer-widget-grid .item-box.checkbox li.item span:hover:before {
    border: 1px solid #a840b8
}

.printer-widget-grid .item-box.checkbox li.item span:hover {
    border: none
}

.printer-widget-grid .item-box li.item span {
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 8px 5px 8px 20px;
    margin-bottom: 10px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 13px
}

    .printer-widget-grid .item-box li.item span.printerFilterOptionSelected {
        border: 1px solid #a840b8;
        background: #a840b8;
        color: #fff;
        -webkit-box-shadow: 0px 0px 7px 1px darkgrey;
        box-shadow: 0px 0px 7px 1px darkgrey;
    }

.printer-widget-grid .item-box li.item:nth-child(5) span {
}

.printer-widget-grid .item-box.item-box-linear.item-box-custom-html li.item span:hover {
    border: 1px solid #a840b8;
}


.printer-widget-grid .item-box li.item span:hover {
    border: 1px solid #a840b8;
    background: #d1b6d6;
    color: #fff
}

.printer-widget-grid .item-box.item-box-linear.item-box-custom-html {
    width: 96.8%;
    height: auto;
    background: #d1b6d6
}

    .printer-widget-grid .item-box.item-box-linear.item-box-custom-html h3 {
        color: #FFF
    }

    .printer-widget-grid .item-box.item-box-linear.item-box-custom-html li.item span {
        background: #fff;
        border: 1px solid #fff
    }

    .printer-widget-grid .item-box.item-box-linear.item-box-custom-html li.item a span {
        color: #a840b8
    }

.printer-widget-grid .item-box li.item-linear {
    float: left;
    margin-right: 10px;
}

    .printer-widget-grid .item-box li.item-linear span {
        margin-right: 10px;
        padding: 8px 20px 8px 20px;
        text-align: center
    }

.printer-widget-grid.sub-category-grid .item-box {
    clear: none !important
}

/* Filtri - levo */

.filter-content-wrapper {
    width: 100% !important
}

#available-filter-manf {
    display: none
}

/* BDO, darila */
.action-sells {
    background: #f8f8f8;
    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 0 1%
}

.product-grid.action-sells .product-item {
    background: #FFF;
    border-radius: 3px
}

.product-grid.action-sells.action-darila .item-box.swiper-slide {
    width: 100%;
    -webkit-flex-shrink: unset;
    -ms-flex-negative: unset;
    flex-shrink: unset;
}

.product-grid.action-sells.action-darila .swiper-wrapper {
    width: 100%;
    display: initial
}

.product-grid.action-sells .border-box-wrapper {
    width: 90%;
    margin: 0 auto;
    background: #FFF
}

.product-grid.action-sells .item-box .picture a:before {
    padding-top: 40%;
    margin-top: 10px
}

.product-grid.action-sells .buttons {
    min-height: unset
}

    .product-grid.action-sells .buttons a {
        padding: 5px 10px
    }

.shopping-cart-page .product-grid.action-sells {
    padding-bottom: 15px
}

    .shopping-cart-page .product-grid.action-sells .item-box .product-title {
        font-size: 13px;
        line-height: 15px;
        text-align: center;
        position: relative;
        display: block
    }

        .shopping-cart-page .product-grid.action-sells .item-box .product-title a {
            height: 30px;
            overflow: hidden
        }

    .shopping-cart-page .product-grid.action-sells .title strong {
        margin-left: 35px
    }

    .shopping-cart-page .product-grid.action-sells .swiper-pagination {
        display: none
    }

.add-Darilo-Title:before {
    content: " ";
    display: inline-block;
    background: url(../images/sprite.png) 0 -1233px no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -2px
}

.add-BDO-Title:before {
    content: " ";
    display: inline-block;
    background: url(../images/sprite.png) 0 -1270px no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -2px
}

.product-grid.action-sells .buttons a.selectedDarilo {
    background-color: darkcyan;
    background: darkcyan url(../images/sprite.png) no-repeat right -13px top -1305px;
    padding-right: 35px;
}

.product-grid.action-sells .buttons span.disabledDarilo {
    background-color: #666;
    padding: 5px 8px;
    cursor: default
}

.shopping-cart-page .product-grid.action-sells .title {
    text-align: center;
    background: none;
    padding: 20px 0 0;
    font-size: 25px
}

.shopping-cart-page .product-grid.action-sells .item-box .prices {
    font-size: 13px
}

.shopping-cart-page .product-grid.action-sells .item-box .actual-price {
    font-size: 24px;
    margin-top: -6px
}

.shopping-cart-page .product-grid.action-sells .item-box:nth-child(4n+1) {
    clear: none
}

.product-grid.action-sells.extra-offer {
    background: no-repeat;
    border-top: 1px solid #e0e0e0;
    margin-top: 70px;
    position: relative;
    z-index: 0
}

    .product-grid.action-sells.extra-offer .title {
        margin-top: 50px;
        font-size: 2em
    }

tr.bundleitemstitle td {
    padding: 23px 10px 15px 10px;
    border-bottom: 0
}

    tr.bundleitemstitle td:first-child {
        color: #a840b8;
        font-size: 14px
    }

    tr.bundleitemstitle td.remove-from-cart {
        padding-left: 10px
    }

tr.bundleitemsbg td {
    background: #f6f6f6
}

tr.bundleitemstitle .allBundleitems,
tr.bundleitemstitle .allBundleitems a {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: bold
}

.data-table em a {
    font-weight: bold;
    color: #3d3d3d
}

.data-table div.download {
    margin: 10px 0 0
}

.bar-notification {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999997;
    width: 100%;
    padding: 15px 25px 15px 10px;
    line-height: 16px;
    color: #fff;
    opacity: .95
}

    .bar-notification.success {
        background-color: #4a0f53
    }

    .bar-notification.error {
        background-color: #e4444c
    }

    .bar-notification .content {
        float: left;
        margin: 0 10px 0 0
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        margin: 7px;
        background: #fff url('../images/close.png') center no-repeat;
        cursor: pointer
    }

.noscript {
    border-bottom: 1px solid #333;
    background-color: #ff9;
    padding: 30px 15px;
    text-align: center;
    line-height: 22px;
    color: #3d3d3d
}

.ajax-loading-block-window {
    position: fixed;
    top: 47%;
    left: 47%;
    z-index: 999;
    width: 160px;
    height: 160px;
    margin: -16px 0 0 -16px;
    background: white;
    border-radius: 5px;
    opacity: .85
}

.please-wait {
    background: url('../images/ajax-loader-small.gif') no-repeat;
    padding-left: 20px;
    font-size: 14px
}

.ui-dialog {
    width: 350px !important;
    max-width: 90%;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    background-color: #fff;
    border-radius: 0;
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif
}

    .ui-dialog:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5)
    }

.ui-dialog-titlebar {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    background-color: #eee;
    padding: 10px 15px;
    border-width: 0 0 1px;
    border-radius: 0;
    background-image: none;
    padding: 10px 15px !important;
    font-weight: normal;
    cursor: auto !important
}

    .ui-dialog-titlebar > span {
        float: left;
        font-size: 18px;
        color: #3d3d3d;
        margin: 0 !important
    }

    .ui-dialog-titlebar button {
        position: absolute;
        top: 0;
        right: 0;
        width: 42px;
        height: 42px;
        border: 0;
        overflow: hidden;
        background: url('../images/close.png') center no-repeat;
        font-size: 0;
        top: 0 !important;
        right: 0 !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0;
        background: url('../images/close.png') center no-repeat !important;
        padding: 0 !important
    }

        .ui-dialog-titlebar button span {
            display: none !important
        }

.ui-dialog-content {
    height: auto !important;
    padding: 15px;
    line-height: 20px;
    background-color: #fff !important;
    padding: 15px !important;
    color: #777
}

.ui-widget-content a {
    color: #a840b8;
    text-decoration: underline
}

.admin-header-links {
    background-color: #333;
    text-align: center;
    color: #eee
}

    .admin-header-links * {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-size: 12px;
        font-weight: bold
    }

    .admin-header-links .impersonate {
        display: inline-block
    }

        .admin-header-links .impersonate a {
            background-color: #555;
            padding: 0 15px
        }

            .admin-header-links .impersonate a:hover {
                background-color: #666
            }

/* START stalne akcije zgoraj - CTA */

.calltoaction-fix {
    background: #f7f7f7;
    color: #777
}

    .calltoaction-fix .header {
        display: flex;
    }

    .calltoaction-fix .cta-action-flex {
        flex: 1 1 auto;
        height: 40px;
        line-height: 40px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.cta-vzs {
    background: #07b6ac
}

.header-cta .calltoaction-fix .cta-vzs a {
    color: #FFF
}

.cta-vzs:hover {
    color: #089bb3;
}

.cta-promo {
    background: #5a99da
}

.header-cta .calltoaction-fix .cta-promo a {
    color: #FFF
}

.cta-promo:hover {
    background: #2f63a0
}

.cta-akcije {
    background: #e0079d;
}

    .cta-akcije:hover {
        background: #c312a5
    }

.header-cta .calltoaction-fix a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
    margin: 0;
    color: #FFF
}

.cta-blackfriday {
    background: #000;
    color: #eca7f7;
    -webkit-box-shadow: 0px 0px 5px 5px #eca7f7;
    box-shadow: 0px 0px 5px 5px #eca7f7;
}

    .cta-blackfriday a {
        color: #eca7f7;
    }

    .cta-blackfriday:hover {
        background: #c312a5
    }

.header-cta {
    text-align: center;
}

    .header-cta .empty {
        display: none
    }

    .header-cta a {
        display: inline-block;
        padding: 5px 10px;
        margin-left: 10px;
        border-radius: 3px;
    }

    .header-cta .cta-yellow {
        background: #ffce0c;
        width: 100%;
        padding: 10px 0;
        color: #4a0f53;
    }

        .header-cta .cta-yellow a {
            background: #4a0f53;
            color: #FFF;
        }

.cta-yellow.bdo:before {
    content: " ";
    display: inline-block;
    background: url(../images/sprite.png) 0 -606px no-repeat;
    width: 36px;
    height: 18px;
    position: relative;
    top: 3px;
}

.header-cta .cta-purple {
    background: #4a0f53;
    width: 100%;
    padding: 10px 0;
    color: #FFF;
}

    .header-cta .cta-purple.bell {
        padding: 4px 0 10px
    }

    .header-cta .cta-purple a {
        background: #FFF;
        color: #4a0f53;
    }

.cta-purple.bell:before {
    content: " ";
    display: inline-block;
    background: url(../images/sprite.png) 0 -1191px no-repeat;
    width: 36px;
    height: 24px;
    position: relative;
    top: 6px;
}

/* END stalne akcije zgoraj - CTA*/

.header-upper-trust-wrapper {
    border-bottom: 1px solid #ddd;
    background: #f5f2ff;
    min-height: 36px
}

.header-upper-wrapper {
    background: #f5f2ff
}

.header-upper-wrapper2 {
    background: rgb(74, 15, 83);
    background: linear-gradient( 90deg, rgb(58, 15, 83) 0%, rgb(74, 12, 90) 60%);
    z-index: 10000
}

    .header-upper-wrapper2 .headerwider {
        z-index: 10001;
        max-height: 60px
    }

.header-category-wrapper {
    background: rgb(145,52,161);
    background: linear-gradient(90deg, rgba(145,52,161,1) 0%, rgba(168,64,184,1) 60%);
    z-index: 300
}

.vsezasolo .header-category-wrapper {
    background: #07b6ac;
}

.promocije .header-category-wrapper {
    background: #5a99da;
}

.vsezasolo .header-lower-wraper {
    padding: 0;
    display: inline-block;
    width: 100%;
}

.header-lower-wraper {
    z-index: 302;
    padding: 0;
    display: inline-block;
    width: 100%
}

.header,
.header-trust {
    position: relative;
    z-index: 1;
    width: 95%;
    margin: auto;
    text-align: center
}

.header2 {
    z-index: 301
}

.header3 {
    z-index: 999999996
}

.header-upper {
    position: relative;
    z-index: 999999997
}

    .header-upper:after {
        content: "";
        display: block;
        clear: both
    }

.header-upper-trust {
    position: relative;
    z-index: 1;
    text-align: left
}

.header-links-wrapper {
    position: relative;
    padding: 0;
    z-index: 999999998
}

.personal-menu {
    margin-top: 13px;
    margin-right: 18px;
    padding-left: 10px;
    padding-right: 10px;
    background: transparent
}

    .personal-menu li.select {
        padding: 0
    }

    .personal-menu li.name {
        padding-top: 13px
    }

    .personal-menu select {
        height: 23px;
        padding: 1px;
        border-radius: 0;
        border-color: #a9a9a9;
        margin-left: 25px;
        font-size: 12px
    }

.header-links ul {
    font-size: 0;
    float: right
}

.header-links li {
    display: inline-block;
    margin: 0 10px
}

.header-links span,
.header-links a {
    display: inline-block;
    font-size: 13px;
    line-height: 36px;
}

    .header-links a:hover {
        color: #c15dd0
    }

#topcartlink {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #b755c6 url('../images/sprite.png') 13px -98px no-repeat;
    text-align: center;
    position: relative;
    background-size: 50%
}

    #topcartlink span.cart-qty {
        background-color: #682572;
        height: 22px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 22px;
        line-height: 22px;
        color: #fff;
        position: absolute;
        top: 6px;
        right: 6px;
        text-align: center
    }

a.ico-cart {
    width: 67px;
    height: 67px;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding-top: 34px
}

    a.ico-cart:hover {
        color: #fff
    }

.header-lower {
    position: relative;
    z-index: 0;
    padding: 0
}

.zaupajonam {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    float: left;
    padding: 8px 0 6px;
    font-size: 13px;
    line-height: 16px;
}

    .zaupajonam span {
        background: url('../images/phone-header.png') left center no-repeat;
        padding: 10px 0 11px 34px;
    }

    .zaupajonam .boniteta {
        padding: 0;
        margin: 0;
        position: absolute;
        left: 280px;
        top: 0px;
        line-height: 36px;
        color: #989898
    }

        .zaupajonam .boniteta a {
            color: #989898
        }

            .zaupajonam .boniteta a:hover {
                color: #4a0f53;
                text-decoration: underline
            }

.bonitetaPic {
    margin-left: 30px;
    position: absolute;
    top: 3px;
    width: 200px
}

.zaupajonam a {
    font-weight: bold;
    font-size: 15px
}

.moznosti_placila {
    margin: 8px 0 8px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    /*font-size: 0;*/
    float: right
}

    .moznosti_placila a {
        display: inline-block;
        max-width: 100%;
        line-height: normal;
        color: #4a0f53;
        font-size: 13px;
    }

.header-phone {
    display: none;
    margin: 23px 0 15px;
    padding-left: 40px;
    text-align: center;
    display: none;
    text-align: left;
    vertical-align: middle;
    float: left;
    width: 325px;
    background: url(../images/sprite.png) left -467px no-repeat;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px
}

    .header-phone a {
        display: inline-block
    }

    .header-phone span {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .5px
    }

.header-logo {
    margin: 15px 0 15px;
    text-align: center;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-size: 0;
    float: left;
    width: 27%
}

    .header-logo a {
        display: inline-block;
        max-width: 100%;
        line-height: 0
    }

        .header-logo a img {
            max-width: 100%;
            opacity: 1
        }

.printer-box {
    display: none;
    height: 90px;
    text-align: left;
    z-index: 304;
    margin-bottom: 0;
    width: 100%
}

    .printer-box div.span {
        width: 60px;
        height: 60px;
        float: left;
        text-align: center;
        line-height: 60px;
        background: #c15dd0;
        font-size: 25px;
        color: #fffefe;
        z-index: 999;
        border-radius: 3px 0 0 3px;
        display: none
    }

    .printer-box .printer-level-wrapper {
        width: 100%;
        padding: 17px 30px 30px;
        z-index: 999
    }

    .printer-box .openedBox {
        background: #a840b8;
        -moz-box-shadow: 0 10px 15px #883495;
        -webkit-box-shadow: 0 10px 15px #883495;
        box-shadow: 0 10px 15px #883495
    }

    .printer-box .openLvl {
        display: none
    }

    .printer-box .printerlevel select {
        width: 80%
    }

    .printer-box .printerlevel:after {
        content: "";
        display: block;
        clear: both;
        margin: 0 0 10px 0
    }

.mobileSearch {
    float: left;
    width: 48%;
}

.search-box {
    padding-top: 10px;
    min-width: 60%;
    margin-bottom: 10px
}

.header-lower-wraper .search-box .title,
.header-lower-wraper .printer-box .title {
    display: none
}

.search-box div.span {
    width: 60px;
    height: 40px;
    position: relative;
    float: left;
    left: 0;
    background: #c15dd0 url("../images/sprite.png") 15px 0 no-repeat;
    display: none;
    border-radius: 3px 0 0 3px
}

.search-box .search-wrapper {
    height: 40px
}

.search-box .search-wrapper2 {
    padding: 0;
    position: relative;
    width: 100%;
    color: #3d3d3d;
    background: #fff;
    height: 40px;
    border-radius: 7px 3px 3px 7px
}

.search-box .title,
.printer-box .title {
    display: none;
    font-size: 12px;
    color: #fff;
    padding-bottom: 5px
}

.search-box form {
    display: inline-block;
    width: 100%
}

    .search-box form:after {
        content: "";
        display: block;
        clear: both
    }

.search-box input.search-box-text {
    margin: 0;
    height: 40px;
    float: left;
    width: 77%;
    border: 0 solid #ddd;
    font-size: 12px;
    padding-left: 20px;
}

.search-box .search-box-button {
    min-width: 70px;
    height: 40px;
    border: 0;
    background-color: #fff;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    background: #fff url('../images/sprite.png') 20px -70px no-repeat;
    position: relative;
    top: 0;
    right: 0;
    float: right
}

.search-box .ui-autocomplete-loading {
    background: #fff url('../images/ajax-loader-small.gif') center center no-repeat
}

.ui-helper-hidden-accessible {
    display: none !important
}

.ui-autocomplete {
    border: 0 solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    overflow: hidden;
    background-color: #fff;
    text-align: left;
    border-radius: 0;
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
    -webkit-box-shadow: 0 8px 19px 5px rgba(204, 204, 204, 0.85);
    -moz-box-shadow: 0 8px 19px 5px rgba(204, 204, 204, 0.85);
    box-shadow: 0 8px 19px 5px rgba(204, 204, 204, 0.85);
    border-radius: 0 0 3px 3px;
    z-index: 1111111
}

    .ui-autocomplete li {
        border-top: 0 solid #ddd
    }

        .ui-autocomplete li:first-child {
            border-top: 0
        }

.ui-menu .ui-menu-item a {
    padding: 7px 15px 6px !important
}

.ui-autocomplete a {
    display: block;
    padding: 7px 15px 6px;
    font-size: 14px;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    padding: 15px !important;
    line-height: normal !important;
    color: #3d3d3d !important
}

    .ui-autocomplete a:hover,
    .ui-autocomplete a.ui-state-focus {
        background-color: #f6f6f6 !important
    }

.ui-autocomplete img {
    display: none;
    min-width: 20px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.footer {
    border-top: 1px solid #e0e0e0;
    text-align: center;
    background-color: #f7f7f7
}

.footer-grey a {
    color: #c5c5c5;
    font-size: 25px;
    padding: 20px;
    line-height: 80px
}

.footer-grey .title {
    display: none
}

.footer-grey .list li {
    display: inline-block
}

.footer-upper {
    width: 95%;
    margin: auto;
    overflow: hidden;
    font-size: 0
}

.footer-block {
    width: 95%;
    margin: 1px auto;
    text-align: left;
    font-size: 14px;
    border-right: 1px solid #e0e0e0
}

.footer-block-grey {
    margin: 1px auto
}

.footer-block .title,
.footer-grey .title {
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 1px;
    background: transparent;
    padding: 10px 15px;
    font-size: 14px;
    color: #4a4a4a;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0
}

    .footer-block .title strong {
        font-weight: normal
    }

.footer-block .list {
    display: none;
    margin: 0 0 20px;
    padding: 10px 15px
}

    .footer-block .list * {
        color: #1e1e1e;
        font-size: 14px
    }

    .footer-block .list a {
        display: block;
        padding: 10px 15px 10px 0;
        line-height: 20px;
        color: #1e1e1e
    }

        .footer-block .list a:hover {
            text-decoration: underline
        }

/* Na vrh */

.toTop {
    display: none
}

    .toTop:before {
        content: "\203A";
        width: 50px;
        height: 50px;
        background: #b755c6;
        position: fixed;
        bottom: 10px;
        left: 10px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
        padding: 10px;
        opacity: 0.5;
        line-height: 25px;
        font-size: 40px;
        transform: rotate(-90deg);
        color: #fff;
        text-align: center;
        cursor: pointer;
        z-index: 100
    }

.follow-us {
    margin: 30px auto 0;
    text-align: center;
    border: 0
}

    .follow-us .title {
        margin: 0 0 10px;
        background: 0;
        color: #4a4a4a;
        cursor: auto
    }

    .follow-us ul {
        margin: 0 0 30px;
        font-size: 0
    }

    .follow-us li {
        display: inline-block;
        margin: 0 5px;
        color: #1e1e1e
    }

    .follow-us a {
        display: block;
        width: 38px;
        height: 38px;
        background: url(../images/social-sprite.png) no-repeat;
        font-size: 0;
    }

    .follow-us .facebook a {
        background-position: 0 0
    }

    .follow-us .instagram a {
        background-position: -38px 0
    }

    .follow-us .linkedin a {
        background-position: -76px 0
    }

    .follow-us .facebook a {
        background-position: 0 0
    }

    .follow-us .twitter a {
        background-position: -38px 0
    }

    .follow-us .rss a {
        background-position: -76px 0
    }

    .follow-us .youtube a {
        background-position: -114px 0
    }

    .follow-us .google-plus a {
        background-position: -152px 0
    }

.footer-lower {
    width: 95%;
    margin: auto;
    overflow: hidden;
    padding: 15px 0;
    font-size: 12px
}

.footer-tax-shipping {
    text-align: right
}

    .footer-tax-shipping a {
        color: #1e1e1e
    }

        .footer-tax-shipping a:hover {
            text-decoration: underline
        }

    .footer-tax-shipping img {
        margin-top: 15px
    }

.footer-powered-by img {
    margin-top: 20px
}

.footer-powered-by {
    margin: 10px 0 0;
    text-align: left;
    color: #1e1e1e
}

    .footer-powered-by a {
        font-weight: bold;
        color: #c15dd0
    }

        .footer-powered-by a:hover {
            text-decoration: underline
        }

.block {
    min-height: 48px;
    margin: 0 -2.5%;
    text-align: left
}

    .block .title {
        position: relative;
        margin: 0;
        border-bottom: 1px solid #ddd;
        background: #f6f6f6 url('../images/toggle-gray.png') right 8px top 14px no-repeat;
        padding: 12px 30px 12px 20px;
        font-size: 14px;
        cursor: pointer
    }

        .block .title strong {
            font-weight: normal
        }

    .block .listbox {
        display: none;
        border-bottom: 1px solid #ddd;
        padding: 10px 5px
    }

    .block .list li {
        padding: 0 0 0 15px
    }

    .block .list a {
        display: inline-block;
        position: relative;
        padding: 5px 0;
        font-size: 16px;
        -webkit-transition: all .1s ease;
        transition: all .1s ease
    }

        .block .list a:before {
            display: none;
            content: "";
            position: absolute;
            top: 12px;
            left: -15px;
            width: 5px;
            height: 5px;
            background-color: #ddd
        }

    .block .list .active > a {
        color: #c15dd0
    }

    .block .list a:hover {
        color: #c15dd0
    }

    .block a.product-picture {
        display: none
    }

        .block a.product-picture:before {
            display: none
        }

    .block .sublist {
        margin: 15px 0 5px
    }

        .block .sublist a {
            font-size: 14px
        }

    .block .view-all {
        margin: 10px 0 0
    }

        .block .view-all a {
            display: inline-block;
            padding: 10px 15px;
            font-size: 16px;
            color: #c15dd0
        }

            .block .view-all a:hover {
                text-decoration: underline
            }

    .block .tags {
        margin: 5px 0 10px
    }

        .block .tags ul {
            font-size: 0
        }

        .block .tags li,
        .product-tags-all-page li {
            display: inline-block;
            position: relative;
            margin: 0 10px;
            overflow: hidden;
            font-size: 17px !important
        }

            .block .tags li a,
            .product-tags-all-page li a {
                float: left;
                line-height: 30px
            }

                .block .tags li a:hover,
                .product-tags-all-page li a:hover {
                    color: #c15dd0
                }

.categorypage-body {
    margin-top: 35px
}

    .search-results .kodaPopusta,
    .categorypage-body .kodaPopusta {
        border: 1px solid #d1b6d6;
        border-radius: 3px;
        padding: 3px 10px 10px 10px;
        background: #fefbfe;
        margin: 5px 0;
        line-height: 16px;
        width: auto;
        display: inline-block;
        font-size: 11px
    }

        .search-results .kodaPopusta h3,
        .categorypage-body .kodaPopusta h3 {
            color: #a840b8
        }


    .search-results .subtleDiv,
    .categorypage-body .subtleDiv {
        padding: 5px 0;
        margin: 5px 0;
        line-height: 16px;
        width: auto;
        display: inline-block;
        color: #a840b8;
        font-style: italic;
        border-left: 6px solid #d1b6d6;
        padding-left: 15px;
    }

        .search-results .subtleDiv h3,
        .categorypage-body .subtleDiv h3 {
            font-size: 15px;
            font-weight: 600;
            margin: 0 0 5px 0;
            color: #a840b8;
        }

    .search-results .item-box .description .desc-wrapper a,
    .categorypage-body .item-box .description .desc-wrapper a {
        display: inline
    }

.greyQuestionMark {
    background: url(../images/greyQuestionmark.png) left top no-repeat;
    padding: 0 0 0 50px;
    margin: 10px 0 20px;
    display: inline-block
}

    .greyQuestionMark p {
        background: #f0f0f0;
        border-radius: 3px;
        color: #493d4b;
        line-height: 20px;
        padding: 6px 20px;
        margin: 0
    }

.breadcrumb {
    margin: 5px 0 10px 0;
    padding: 5px 0
}

    .breadcrumb ul {
        font-size: 0
    }

    .breadcrumb li {
        display: inline-block
    }

        .breadcrumb li * {
            display: inline-block;
            font-size: 12px;
            line-height: 18px;
            color: #8f8f8f
        }

    .breadcrumb a span {
        margin: 0 9px;
        text-decoration: underline
    }

    .breadcrumb strong {
        font-weight: normal
    }

    .breadcrumb .current-item {
        margin-left: 9px
    }

    .breadcrumb a span:hover {
        color: #8f8f8f;
        text-decoration: none
    }

.homebreadcrumb {
    background: url(../images/sprite.png) 0 -228px no-repeat;
    width: 13px;
    height: 11px;
    margin: 0 2px 0 0;
    text-decoration: none
}

.breadcrumb .delimiter {
    background: url(../images/sprite.png) -14px -213px no-repeat;
    width: 3px;
    height: 6px
}

.category-description h1 {
    color: #3d3d3d;
    font-weight: normal;
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px;
    font-weight: 600
}

.category-description,
.manufacturer-description,
.vendor-description {
    margin: 0 0 25px;
    line-height: 22px
}

.product-selectors {
    margin: 10px 0 0 0;
    padding: 0 0 10px 0
}

    .product-selectors:first-child {
        border-top: 0
    }

    .product-selectors:after {
        content: "";
        display: block;
        clear: both
    }

    .product-selectors > div {
        display: inline-block;
        margin: 5px
    }

    .product-selectors span {
        vertical-align: middle;
        font-size: 16px
    }

    .product-selectors select {
        margin: 0 8px;
        text-transform: lowercase
    }

    .product-selectors .product-viewmode {
        display: none;
        font-size: 0
    }

.product-filters {
    display: table;
    width: 100%;
    margin: 0 0 20px
}

    .product-filters .filter-content {
        background: #f6f6f6;
        padding: 15px;
    }

    .product-filters .filter-title {
        display: block;
        background: #4a0f53;
        color: #fff;
        border-bottom: 1px solid #fff;
        cursor: pointer;
        padding: 12px 30px 12px 15px
    }

.price-range-filter p {
    font-weight: bold;
    margin-bottom: 0px
}

.price-range-selector li {
    width: auto;
    margin: 5px 0;
    border-bottom: 1px solid;
    display: inline-block;
    cursor: pointer;
    margin-right: 45%;
}

/* START izjema */

.product-spec-filter .filter-title {
    display: none;
}

.product-spec-filter {
    margin: -20px 0 0 0
}

/* END izjema */

.product-filters .filter-title:after {
    content: "";
    position: absolute;
    right: 10px;
    background: url('../images/sprite.png') -4px -1550px no-repeat;
    height: 15px;
    width: 31px;
    display: inline-block;
}

.product-filters .filter-title.active:after {
    background: url('../images/sprite.png') -4px -1567px no-repeat;
}

/* START Izbrani filtri */

.product-spec-filter .selected-items {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    .product-spec-filter .selected-items .filter-title2 {
        display: block;
        background: none;
        padding: 10px 0px 10px;
        color: #493d4b;
        border: none;
        font-weight: bold
    }

    .product-spec-filter .selected-items .filter-title:after {
        display: none
    }

.product-spec-filter #selectedContainer .item {
    float: left;
    padding: 5px 35px 5px 5px;
    position: relative;
    margin: 5px 10px 5px 0;
    border: 1px solid #ddd;
    border-radius: 20px
}

    .product-spec-filter #selectedContainer .item span {
        margin: 0 5px;
        background: darkgrey;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
        position: absolute;
        right: 0px;
        font-size: 12px;
        padding: 3px;
        top: 4px;
        color: #fff;
        cursor: pointer
    }

/* END izbrani filtri */

.filter-content ul.group {
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
}

.filter-content li.title {
    margin: 10px 0
}

    .filter-content li.title:after {
        content: " ";
        float: right;
        background: url(../images/sprite.png) 4px -967px no-repeat;
        width: 15px;
        height: 15px
    }

    .filter-content li.title.opened:after {
        transform: rotate(-90deg);
        /* Legacy vendor prefixes that you probably don't need... */
        /* Safari */
        -webkit-transform: rotate(90deg);
        /* Firefox */
        -moz-transform: rotate(90deg);
        /* IE */
        -ms-transform: rotate(90deg);
        /* Opera */
        -o-transform: rotate(90deg);
        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        background-position: 6px -967px
    }

.filter-content li.item {
    margin-bottom: 3px;
    position: relative
}

.product-filters input {
    position: absolute;
    opacity: 0;
}

.product-filters .item label {
    width: 100%;
    position: relative;
    display: block;
    font-size: 14px;
    color: #6d6d6d;
    padding: 4px 0 4px 30px;
    height: auto;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

    .product-filters .item label:before {
        padding: 0 6px;
        border: 1px solid #d9d9d9 !important;
        border-radius: 3px;
        background-color: #fff;
    }

    .product-filters .item label:before,
    .product-filters .item input:checked + label:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 22px;
        height: 22px;
        margin-top: -12px;
    }

.product-filters .item input:checked + label:after {
    left: 7px;
    top: 16px;
    width: 8px;
    height: 14px;
    border: solid #493d4b;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product-filters .ui-slider {
    margin: 0 8px 10px;
    border: none
}

    .product-filters .ui-slider span {
        font-weight: 700
    }

.product-filters #amountMax {
    float: right
}

.product-filter {
    margin: 0 0 10px
}

    .product-filter .filter-title {
        margin: 0 0 10px;
        background-color: #f6f6f6;
        padding: 10px;
        font-size: 17px
    }

        .product-filter .filter-title strong {
            font-weight: normal
        }

    .product-filter .filter-content {
        padding: 10px
    }

    .product-filter .available-items:after {
        content: "";
        display: block;
        clear: both
    }

    .product-filter .group {
        margin: 0 0 10px
    }

        .product-filter .group li {
            font-size: 15px
        }

            .product-filter .group li a,
            .product-filter .group li strong {
                display: inline-block;
                padding: 5px 0
            }

                .product-filter .group li a:hover {
                    color: #c15dd0
                }

            .product-filter .group li.item {
                display: inline-block;
                position: relative;
                margin: 0 15px 0 0;
                padding: 0 0 0 15px
            }

                .product-filter .group li.item:before {
                    content: "";
                    position: absolute;
                    top: 12px;
                    left: 0;
                    width: 5px;
                    height: 5px;
                    background-color: #ddd
                }

.filtered-items .title {
    margin: 0 0 5px;
    font-style: italic
}

.filtered-items .item {
    color: #c15dd0
}

.remove-filter {
    margin: 15px 0
}

    .remove-filter a {
        display: inline-block;
        background-color: #aaa;
        padding: 10px 20px;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase
    }

        .remove-filter a:hover {
            background-color: #999
        }

.item-grid:after {
    content: "";
    display: block;
    clear: both
}

.item-box {
    position: relative;
    width: 49%;
    float: left;
    margin: 0 0.5% 10px;
    text-align: left
}

.product-grid .item-box .details {
    text-align: center
}

.product-grid.action-sells .item-box {
    margin: 0;
}

.category-page .item-box {
    width: 48%;
    float: left;
    margin: 0 1% 10px;
}

.sub-category-grid .item-box {
    width: 100%;
    float: left;
    margin: 0 1% 10px;
}

/* START izpis kategorij pri filtrih */

.category-list-small .item-box {
    width: 48%;
    max-width: calc(49% - 1px);
}

    .category-list-small .item-box .sub-category-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


    .category-list-small .item-box .picture {
        width: 32%;
        height: 60px;
        padding: 0 5px;
    }

        .category-list-small .item-box .picture a {
            height: 100%
        }

            .category-list-small .item-box .picture a:before {
                display: none
            }

    .category-list-small .item-box .sub-category-item .title {
        border: none;
        margin: 0 0 0 3%;
        min-height: unset;
        text-align: left;
        width: 65%;
        height: 60px;
        display: table;
    }

        .category-list-small .item-box .sub-category-item .title a {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
            padding: 5px 0;
            font-weight: normal;
            line-height: normal;
        }

/* END izpis kategorij pri filtrih */

/*
.category-list-small .item-box {
    width: 98%
}
*/

.border-box-wrapper {
    border: 1px solid transparent;
    padding: 0 0 20px
}

.HoverBorder,
.HoverBorderOn { /*
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0 0 10px #f7f7f7;
    -webkit-box-shadow: 0 0 10px #f7f7f7;
    box-shadow: 0 0 10px #f7f7f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px */
}

.item-box .picture {
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
    margin: 0 0 10px;
    border-radius: 3px
}

    .item-box .picture a {
        display: block;
        position: relative
    }

        .item-box .picture a:before {
            content: "";
            display: block;
            padding-top: 90%
        }

.categorypage-body .item-box .picture a:before {
    padding-top: 90%
}

.item-box .picture a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateZ(0) scale(1.0, 1.0)
}

.item-box:hover .picture a img {
    opacity: .85
}

.item-box .details {
    padding: 0 10px
}

.item-box .detailsprice {
    padding: 0 10px
}

.item-box .product-title {
    font-size: 14px;
    color: #3d3d3d;
    margin: 0 0 10px;
    overflow: hidden;
    line-height: 19px;
    font-weight: normal;
    height: 34px
}

    .item-box .product-title a {
        display: block;
        color: #493d4b;
        font-weight: 700;
    }

        .item-box .product-title a:hover {
            text-decoration: underline
        }

.item-box .product-rating-box {
    display: inline-block;
    margin: 0 0 10px
}

.item-box .rating {
    background: url('../images/rating1.png') repeat-x;
    width: 110px;
    height: 18px
}

    .item-box .rating div {
        background: url('../images/rating2.png') repeat-x;
        height: 18px
    }

.item-box .description {
    font-size: 13px;
    display: none;
    color: #3d3d3d;
    line-height: 19px
}

    .item-box .description a {
        display: block;
        overflow: hidden
    }

.item-box .prices {
    margin: 0 0 10px;
    overflow: hidden;
    font-weight: normal;
    padding-top: 10px;
    font-size: 15px
}

.item-box2 .prices {
    font-size: 13px;
    color: #261029
}

.item-box .old-price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #aaa
}

.item-box .actual-price {
    margin: 0 5px 0 0;
    font-size: 24px;
    font-weight: bold;
    color: #ad3eba;
    text-align: right;
    float: none;
    margin-top: -16px
}

/***** LeanPay *****/

/* popravki za LeanPay prikaz */

.product-grid.lazyloadingstartcontainer .item-box .actual-price, .product-list.lazyloadingstartcontainer .item-box .actual-price {
    margin-bottom: 26px;
    display: inline-block
}

.leanpay-mini {
    margin-top: -20px
}

    .manufacturer-page .leanpay-mini {
        margin-top: 0
    }

.homepage .product-grid .item-box .actual-price, .homepage .product-list .item-box .actual-price {
    margin-bottom: 30px;
    display: inline-block
}

.homepage .leanpay-mini {
    margin-top: -24px
}


#lean-pay-wrapper {
    width: 100%;
    margin: 10px auto
}

    #lean-pay-wrapper .leanPayDelimiter {
        font-weight: bold;
        margin: 0 0 5px;
        display: inline-block
    }

#lean-pay span {
    font-weight: normal;
    font-size: 1em;
    color: #a840b8
}

div#lean-pay-info {
    margin-top: 5px
}

    div#lean-pay-info a {
        text-decoration: underline
    }

        div#lean-pay-info a img {
            position: relative;
            top: 5px;
        }

.leanpay-mini {
    font-weight: bold;
    color: #a840b8;
    font-size: 14px
}

.product-details-page #lean-pay-wrapper {
    background: #fbfafc;
    padding: 10px;
    border: 1px solid #eceaf0;
    border-radius: 3px;
    margin-top: 18px;
}

    .product-details-page #lean-pay-wrapper #lean-pay {
        font-style: italic;
        display: inline-block
    }

    .product-details-page #lean-pay-wrapper h4 {
        display: inline-block
    }

    .product-details-page #lean-pay-wrapper #lean-pay div {
        display: inline-block;
        padding: 0 5px
    }

/***** SWIPE *****/
/*
.item-box.swiper-slide .picture {
    width: 40%;
    float: left
}

.item-box.swiper-slide .details {
    width: 60%;
    text-align:left;
    float:right
}
*/
.related-products-grid.product-grid.seg-slider-wrapper {
    margin-bottom: 20px
}

.item-box.swiper-slide .picture {
    margin-bottom: 0
}

    .item-box.swiper-slide .picture a:before {
        padding-top: 50%
    }

.related-products-grid .item-box.swiper-slide .product-title {
    font-size: 12px;
    line-height: 14px;
    height: 48px;
    padding: 5px 20px
}

.related-products-grid .item-box.swiper-slide .prices {
    min-height: 60px
}

    .related-products-grid .item-box.swiper-slide .prices .leanpay-mini {
        margin-top: 5px;
        font-weight: normal
    }

.item-box.swiper-slide .prices {
    min-height: 25px;
    height: 25px;
    padding-top: 0
}

.item-box.swiper-slide .priceDDV {
    font-size: 12px
}

.item-box.swiper-slide .price.actual-price {
    font-size: 16px
}

.product-list .item-grid .item-box .actual-price {
    font-size: 20px;
    color: #ad3eba;
    text-align: right;
    float: none;
    margin-top: 0
}

.item-box.swiper-slide .product-box-add-to-cart-button {
    width: 100%
}

.product-grid .item-box .actual-price,
.product-grid.lazyloadingstartcontainer .item-box .actual-price,
.product-list.lazyloadingstartcontainer .item-box .actual-price {
    font-size: 20px;
    margin-top: -6px;
    padding-left: 5px;
    margin-right: 0
}

.item-box .tax-shipping-info a {
    color: #c15dd0
}

    .item-box .tax-shipping-info a:hover {
        text-decoration: underline
    }

.item-box .buttons {
    margin: 0;
    font-size: 0
}

.item-box input[type="button"] {
    display: inline-block;
    height: 46px;
    border: 0;
    vertical-align: middle
}

.item-box .product-box-add-to-cart-button {
    width: 100%;
    background-color: #b755c6;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgb(145,52,161);
    background: linear-gradient(90deg, rgba(145,52,161,1) 0%, rgba(168,64,184,1) 60%);
    transition: all 0.3s
}

.related-products-grid .item-box .product-box-add-to-cart-button {
    font-size: 12px
}

.item-box .product-box-add-to-cart-button:hover {
    opacity: 0.85
}

.home-page-product-grid .item-box .product-box-add-to-cart-button {
    color: #FFF;
    border-radius: 0;
}

    .home-page-product-grid .item-box .product-box-add-to-cart-button:hover {
        color: white;
        background-color: #b755c6
    }

.item-box .add-to-compare-list-button,
.item-box .add-to-wishlist-button {
    width: 20%;
    border-left: 1px solid #fff !important;
    background-color: #b755c6;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0
}

.item-box .add-to-compare-list-button {
    background-image: url('../images/compare-button.png')
}

.item-box .add-to-wishlist-button {
    background-image: url('../images/wishlist-button.png')
}

    .item-box .add-to-compare-list-button:hover,
    .item-box .add-to-wishlist-button:hover {
        background-color: #ddd
    }

.item-box2 .detailsprice {
    padding: 0
}

.item-box2 .old-price {
    font-size: 13px;
    color: #8f8f8f;
    text-transform: lowercase
}

.item-box2 .saving,
.item-box2 .oldprice-wraper {
    color: #59ac0f;
    font-size: 13px;
    margin-top: 3px
}

.product-item .availability .stock {
    margin: 10px 0
}

.item-box2 .product-item .availability .stock span {
    text-transform: uppercase
}

    .item-box2 .product-item .availability .stock span.rounded {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: inline-block;
        padding-right: 4px
    }

    .item-box2 .product-item .availability .stock span.green {
        background: #8dd60d
    }

    .item-box2 .product-item .availability .stock span.grey {
        background-color: #f8f8f8;
        color: #3d3d3d
    }

.item-box2 .product-item .availability .stock {
    margin: 6px 0 6px;
    line-height: 14px
}

    .item-box2 .product-item .availability .stock span {
        text-transform: uppercase;
        font-size: 11px
    }

        .item-box2 .product-item .availability .stock span.rounded {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            display: inline-block;
            position: relative;
            top: 1px
        }

        .item-box2 .product-item .availability .stock span.green {
            background: #8dd60d
        }

        .item-box2 .product-item .availability .stock span.grey {
            background-color: #f8f8f8;
            color: #3d3d3d
        }

.item-box2 .product-item .prednarocilo {
    color: #5d82c3;
}

    .item-box2 .product-item .prednarocilo:before {
        content: " ";
        background: #5d82c3;
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 50%;
        margin-right: 3px;
    }

.item-box2 .product-item .availability .stock .bold {
    font-weight: 600
}

.home-page-category-grid,
.manufacturer-grid {
    margin: 0 0 20px
}

.sub-category-grid {
    margin: 20px 0;
    padding-bottom: 30px
}

.home-page-category-grid .title,
.sub-t .title {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

    .home-page-category-grid .title a {
        display: block;
        padding: 0 0 15px
    }

.sub-category-grid .title {
    text-align: center;
    margin: 10px 0 0;
}

.sub-category-item {
    border: 1px solid #d5d5d5;
    background: white;
    border-radius: 3px
}

.category-list-small .item-box:hover .sub-category-item {
    border-color: #333;
}

.sub-category-grid .title a {
    display: block;
    padding: 11px 0 11px;
    color: #3d3d3d;
    font-size: 13px;
    font-weight: 600
}

.home-page-category-grid .picture,
.sub-category-grid .picture {
    margin: 0
}

    .home-page-category-grid .picture a:before,
    .sub-category-grid .picture a:before {
        padding-top: 45%
    }

.product-grid,
.product-list {
    margin: 0 0 15px
}

    .product-grid .title {
        margin: 0 0 25px;
        padding: 0 0 15px;
        font-size: 35px;
        line-height: 28px;
        font-weight: 100;
        text-align: center;
        background: url(../images/title_bg.gif) center bottom no-repeat
    }

        .product-grid .title strong {
            font-weight: 100
        }

.center-1 .home-page-product-grid .title {
    text-align: center;
    line-height: 30px;
    padding-bottom: 25px;
    margin-top: 0px
}

    .center-1 .home-page-product-grid .title span {
        color: #b755c6;
        font-size: 13px;
        line-height: 5px
    }

.discountCircle {
    width: 65px;
    height: 35px;
    line-height: 35px;
    background: yellowgreen;
    display: inline-block;
    font-size: 18px;
    color: #fdfdfd;
    text-align: center;
    box-shadow: 0 2px 3px #e0e0e0;
    margin: 10px 0 0 10px;
    position: absolute;
    z-index: 9999;
    left: 0
}

    .discountCircle span {
        font-weight: 100
    }

.related-products-grid .title {
    text-align: center
}

.bg-arrow-title {
    border-bottom: 2px solid #e1e1e1;
    height: 18px;
    margin-bottom: 30px
}

.rpSwiperPrev {
    float: left;
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/sprite.png) 0 -317px no-repeat
}

.rpSwiperNext {
    float: right;
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/sprite.png) right -359px no-repeat
}

.related-products-grid {
    margin-bottom: 50px
}

    .related-products-grid .title {
        text-align: center;
        padding-bottom: 0
    }

        .related-products-grid .title strong {
            background: #fff;
            padding: 0 60px;
            text-transform: lowercase
        }

    .related-products-grid .item-box {
        margin: 0
    }


#relatedTitlePager {
    text-align: center;
    padding: 10px 0;
}

.pager {
    margin: 0 0 20px
}

    .pager ul {
        text-align: right;
        font-size: 0
    }

    .pager li {
        display: inline-block;
        margin: 0 5px;
        vertical-align: top
    }

        .pager li a,
        .pager li span {
            display: block;
            min-width: 35px;
            height: 35px;
            border: 1px solid #ddd;
            background-color: #eee;
            padding: 8px;
            text-align: center;
            font-size: 14px;
            cursor: pointer
        }

        .pager li span {
            border-color: transparent;
            background-color: #c15dd0;
            color: #fff
        }

        .pager li.previous-page *,
        .pager li.next-page *,
        .pager li.first-page *,
        .pager li.last-page * {
            background-position: center;
            background-repeat: no-repeat;
            font-size: 0;
            color: #fff
        }

        .pager li.previous-page * {
            background-image: url('../images/prev.png')
        }

        .pager li.next-page * {
            background-image: url('../images/next.png')
        }

        .pager li.first-page * {
            background-image: url('../images/first.png')
        }

        .pager li.last-page * {
            background-image: url('../images/last.png')
        }

        .pager li a:hover {
            border-color: transparent;
            background-color: #ddd
        }

.product-details-page {
    padding: 0
}

.product-essential {
    margin: 0 0 40px;
    padding: 0 0 10px
}

    .product-essential:after {
        content: "";
        display: block;
        clear: both
    }

.gallery {
    margin: 0 auto 0;
    position: relative
}

    .gallery .picture-wrapper {
        margin: 0 0 10px
    }

    .gallery .picture {
        position: relative;
        max-width: 100%;
        margin: 0 auto 15px;
        overflow: hidden
    }

        .gallery .picture:before {
            content: "";
            display: block;
            padding-top: 80%
        }

        .gallery .picture img,
        .gallery .picture-thumbs img,
        .variant-picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto
        }

    .gallery .picture-thumbs {
        overflow: hidden;
        font-size: 0
    }

        .gallery .picture-thumbs a {
            display: inline-block;
            position: relative;
            width: 80px;
            height: 80px;
            margin: 0 0 10px;
            overflow: hidden;
            border: none
        }

    .gallery .picture div {
        position: absolute;
        top: 50%;
        width: 30px;
        height: 80px;
        margin-top: -40px;
        z-index: 10;
        cursor: pointer;
        background: url(../images/product-navigation.png) no-repeat #fff;
        border: 1px solid transparent;
        cursor: pointer
    }

        .gallery .picture div:hover {
            border: 1px solid #dbdbdb
        }

    .gallery .picture .prev {
        right: 10px;
        left: auto;
        background-position: 7px
    }

    .gallery .picture .next {
        left: 10px;
        right: auto;
        background-position: -100px
    }

.shortcomment span {
    display: inline-block;
    background: url(../images/sprite.png) no-repeat;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 36px;
    padding-left: 44px;
    margin-right: 20px
}

.shortcomment .tagpriporocamo {
    background-position: left -864px;
    color: #a840b8
}

.shortcomment .tagizjemnacena {
    background-position: left -900px;
    color: #6aa71b
}

.productmovielink {
    background: url(../images/predstavitev-izdelka.png) center center no-repeat;
    border-right: 1px solid #fff
}

.picture-thumbs a {
    border-left: 1px solid #dbdbdb
}

    .picture-thumbs a:first-child {
        border-left: none
    }

    .picture-thumbs a:hover {
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb
    }

    .picture-thumbs a:first-child:hover {
        border-left: 1px solid #dbdbdb
    }

    .picture-thumbs a:last-child:hover,
    .productmovielink:hover {
        border-right: 1px solid #dbdbdb
    }

.overview {
    position: relative;
    margin: 0
}

.product-details-page .product-name {
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    padding: 0
}

    .product-details-page .product-name h1 {
        color: #3d3d3d;
        font-weight: 600;
        padding-bottom: 10px;
        font-size: 16px
    }

.overview .product-name2 h2 {
    font-size: 16px;
    font-weight: bold;
    color: #3d3d3d
}

.overview .short-description {
    margin: 0 0 25px;
    line-height: 22px;
    font-size: 13px
}

.singleItem .short-description {
    line-height: 24px
}

.singleItem .product-name2 h2 {
    margin-bottom: 20px;
    margin-top: 5px
}

.singleItem .short-description b,
.full-description p b {
    min-width: 160px;
    display: inline-block
}

.singleItem .short-description .kodaPopusta {
    border-left: 5px solid #eceaf0;
    padding: 3px 10px 10px 10px;
    background: #fbfafc;
    margin: 5px 0;
    line-height: 16px;
    width: auto;
    display: inline-block;
}

    .singleItem .short-description .kodaPopusta h3 {
        color: #a840b8
    }

.singleItem .short-description .subtleDiv {
    padding: 5px 0;
    margin: 5px 0;
    line-height: 16px;
    width: auto;
    display: inline-block;
    color: #a840b8;
    font-style: italic;
    border-left: 6px solid #d1b6d6;
    padding-left: 15px;
}

    .singleItem .short-description .subtleDiv h3 {
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 5px 0;
        color: #a840b8;
    }

.product-no-reviews,
.product-reviews-overview {
    margin: 0 0 25px
}

    .product-no-reviews a {
        text-decoration: underline
    }

.product-review-box {
    display: inline-block;
    margin: 0 0 8px
}

    .product-review-box .rating {
        width: 110px;
        height: 18px;
        background: url('../images/rating1.png') repeat-x
    }

        .product-review-box .rating div {
            height: 18px;
            background: url('../images/rating2.png') repeat-x
        }

.product-review-links a {
    text-decoration: underline
}

    .product-review-links a:hover {
        color: #c15dd0
    }

.overview .value a,
.variant-overview .value a {
    color: #c15dd0
}

    .overview .value a:hover,
    .variant-overview .value a:hover {
        text-decoration: underline
    }

.overview-buttons {
    margin: 0 0 25px;
    font-size: 0
}

    .overview-buttons div {
        width: 80%;
        margin: 0 auto 3px
    }

.overview .button-2,
.variant-overview .button-2 {
    display: block;
    width: 100%;
    border: 0;
    background-color: #b755c6;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 12px 15px 12px 40px;
    text-align: left;
    font-size: 14px;
    color: #666
}

    .overview .button-2:hover,
    .variant-overview .button-2:hover {
        background-color: #ddd
    }

.overview .add-to-compare-list-button {
    background-image: url('../images/compare-button.png')
}

.overview .email-a-friend-button {
    background-image: url('../images/email-button.png')
}

.overview .subscribe-button,
.variant-overview .subscribe-button {
    background-image: url('../images/email-button.png')
}

.overview .download-sample-button,
.variant-overview .download-sample-button {
    background-image: url('../images/download-button.png')
}

.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
    background-image: url('../images/wishlist-button.png')
}

.overview .manufacturers {
    margin: 0 0 20px
}

.overview .availability,
.variant-overview .availability {
    margin: 0 0 20px;
    overflow: hidden
}

    .overview .availability .stock,
    .variant-overview .availability .stock {
        margin: 0 0 10px;
        height: 26px;
        border-radius: 4px;
        background: #85c335;
        padding: 7px 10px 7px 10px;
        color: #fff;
        font-size: 11px;
        text-transform: uppercase;
        display: inline-block
    }

        .overview .availability .stock.grey,
        .variant-overview .availability .stock.grey {
            background-color: #f8f8f8 !important;
            color: #3d3d3d
        }

    .overview .availability .prednarocilo {
        font-weight: 600;
        background: #5d82c3;
        font-size: 11px;
        margin: 0 0 10px;
        height: 26px;
        border-radius: 4px;
        padding: 7px 10px 7px 10px;
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
    }

.freeshipping {
    height: 26px;
    border-radius: 4px;
    background: #ffce0c;
    padding: 7px 10px 7px 10px;
    color: #000;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 5px
}

.prodAdditionalInfoBDO {
    display: block
}

.prodAdditionalInfoBDO.collapsed {
    display: none
}

.overview .availability .back-in-stock-subscription,
.variant-overview .availability .back-in-stock-subscription {
    display: inline-block
}

.back-in-stock-subscription-page .notify-me-button {
    margin: 15px 0 0;
    border: 0;
    background-color: #b755c6;
    padding: 10px 15px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase
}

    .back-in-stock-subscription-page .notify-me-button:hover {
        background-color: #248ece
    }

.overview .additional-details,
.variant-overview .additional-details {
    margin: 0 0 20px
}

    .overview .additional-details div,
    .variant-overview .additional-details div {
        margin: 0 0 8px
    }

.overview .delivery,
.variant-overview .delivery {
    margin: 25px 0;
    overflow: hidden
}

.overview .free-shipping,
.variant-overview .free-shipping {
    display: inline-block;
    margin: 0 0 10px;
    background: url('../images/shipping.png') left center no-repeat;
    padding: 2px 0 2px 28px;
    font-weight: bold;
    color: #3d3d3d
}

.overview .download-sample,
.variant-overview .download-sample {
    display: inline-block;
    margin: 0 0 25px
}

.overview .prices,
.variant-overview .prices {
    padding: 0 0 29px;
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden
}

    .overview .prices > div,
    .variant-overview .prices > div {
        display: inline-block
    }

        .overview .prices > div > span,
        .variant-overview .prices > div > span {
            vertical-align: bottom;
            padding: 0 3px
        }

            .overview .prices > div > span.saving,
            .variant-overview .prices > div > span.saving {
                color: #FFF;
                background: #5a99da;
                padding: 5px;
                position: relative;
                margin-left: 5px
            }

                .overview .prices > div > span.saving:before,
                .variant-overview .prices > div > span.saving:before {
                    content: "";
                    position: absolute;
                    display: block;
                    width: 8px;
                    height: 8px;
                    background: #5a99da;
                    left: -4px;
                    top: 50%;
                    transform: translateY(-50%) rotate( 45deg);
                }




.overview .old-product-price,
.variant-overview .old-product-price,
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
    color: #999;
    text-transform: lowercase
}

.overview .prices > div > span.nopadd,
.variant-overview .prices > div > span.nopadd {
    padding-left: 0
}

.overview .product-price,
.variant-overview .product-price {
    font-size: 13px;
    vertical-align: text-bottom
}

    .overview .product-price label,
    .variant-overview .product-price label {
        font-size: 30px;
        font-weight: bold;
        color: #a840b8;
        line-height: 24px
    }

.overview .tax-shipping-info a,
.variant-overview .tax-shipping-info a {
    color: #c15dd0
}

    .overview .tax-shipping-info a:hover,
    .variant-overview .tax-shipping-info a:hover {
        text-decoration: underline
    }

.customer-entered-price {
    margin: 0 0 20px;
    overflow: hidden
}

    .customer-entered-price .price-input label {
        display: block;
        margin: 0 0 5px;
        font-weight: bold;
        color: #3d3d3d
    }

    .customer-entered-price .price-input input {
        width: 170px;
        text-align: center
    }

    .customer-entered-price .price-range {
        margin: 5px 0 0;
        color: #777
    }

.tier-prices {
    margin: 3px 0 20px
}

    .tier-prices .title {
        color: #b755c6;
        font-size: 14px;
        padding-left: 40px;
        background: url(../images/sprite.png) left -285px no-repeat;
        margin-bottom: 17px;
        height: 30px
    }

    .tier-prices table {
        width: auto
    }

        .tier-prices table td {
            border-right: 1px solid #ddd;
            font-size: 12px;
            color: #a7a7a7
        }

        .tier-prices table tr td:first-child,
        .tier-prices table tr td:last-child {
            border-right: 0
        }

    .tier-prices .field-header {
        background: #f9f9f9;
        font-size: 11px
    }

    .tier-prices .item-price,
    .tier-prices table tr:first-child td:first-child {
        color: #3d3d3d;
        font-size: 12px;
        font-weight: bolder
    }

    .tier-prices table tr:first-child td:first-child,
    .tier-prices table tr:last-child td:first-child {
        padding-left: 8px;
        padding-right: 8px
    }

    .tier-prices table tr:first-child td {
        vertical-align: bottom;
        padding: 10px 20px 3px 30px
    }

    .tier-prices table tr:last-child td {
        vertical-align: top;
        padding: 3px 20px 10px 30px
    }

.overview .add-to-cart {
    margin: 30px 0 30px 0;
    border-bottom: 1px solid #dbdbdb;
    text-align: center
}

.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
    display: inline-block;
    position: relative;
    width: 100%
}

    .overview .add-to-cart-panel > *,
    .variant-overview .add-to-cart-panel > * {
        float: left
    }

.povprasevanje {
    color: #8f8f8f;
    font-size: 14px;
    font-weight: 300;
    vertical-align: middle;
    margin: 30px auto 10px;
    float: none;
    text-align: center;
    width: 100%;
    border-top: 1px solid #dbdbdb;
    padding-top: 12px;
}

#contactuspromocontainer {
    display: none;
    background: ghostwhite
}

    #contactuspromocontainer h1,
    #contactuspromocontainer p {
        padding: 10px 20px
    }

    #contactuspromocontainer .form-fields {
        border: none
    }

.povprasevanje.showPromoContactUsButton {
    border: none;
    background: #5a99da url('../images/print-povprasevanje.png') left 10px center no-repeat;
    height: 50px;
    border: 0;
    padding: 0 20px 0 50px;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    width: auto;
    float: right;
    margin: 10px 0 20px 30px;
}

.overview .qty-label,
.variant-overview .qty-label {
    display: none !important
}

.overview .qty-input,
.variant-overview .qty-input {
    width: 50px;
    height: 50px;
    padding: 0 12px;
    text-align: center;
    font-size: 15px;
    color: #3d3d3d;
    border-width: 0 1px 0 0;
    border-color: #d6d6d6;
    background: #f9f9f9
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    height: 50px;
    border: 0;
    background-color: #b755c6;
    padding: 0 20px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 20px;
    border-radius: 0px;
    float: right;
    width: 64%
}

    .overview .add-to-cart-button:hover,
    .variant-overview .add-to-cart-button:hover {
        opacity: 0.85
    }

.overview .add-to-cart-panel button,
.variant-overview .add-to-cart-panel button {
    width: 23px;
    height: 25px;
    padding: 0 12px;
    text-align: center;
    font-size: 15px;
    color: #3d3d3d;
    border: 0;
    background: #f9f9f9 url(../images/sprite.png) 8px -248px no-repeat;
    display: block
}

    .overview .add-to-cart-panel button.deductqnt,
    .variant-overview .add-to-cart-panel button.deductqnt {
        border-top: 1px solid #dbdbdb;
        position: absolute;
        left: 50px;
        top: 25px;
        background-position: -12px -248px
    }

.product-share-button {
    display: inline-block;
    overflow: hidden
}

.full-description {
    clear: both;
    line-height: 24px;
    font-size: 14px
}

.product-collateral {
    margin: 0 0 75px
}

    .product-collateral .title {
        margin: 0 0 10px;
        font-size: 18px
    }

        .product-collateral .title strong {
            font-weight: normal
        }

.product-variant-line {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px
}

    .product-variant-line:after {
        content: "";
        display: block;
        clear: both
    }

.variant-picture {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto 15px;
    overflow: hidden
}

.variant-overview {
    width: 100%
}

    .variant-overview .variant-name {
        margin: 0 0 10px;
        padding: 10px 0;
        font-size: 16px;
        font-weight: bold;
        color: #c15dd0
    }

    .variant-overview .variant-description {
        margin: 0 0 15px;
        line-height: 22px
    }

    .variant-overview .add-to-wishlist {
        margin: 0 0 25px
    }

    .variant-overview .add-to-wishlist-button {
        display: inline-block;
        width: auto
    }

    .variant-overview .add-to-cart {
        margin: 0 0 10px
    }

.product-specs-box {
    margin: 0 0 40px
}

    .product-specs-box td {
        border: 1px solid #ddd;
        padding: 10px
    }

.product-tags-list {
    font-size: 0
}

    .product-tags-list li {
        display: inline-block;
        font-size: 14px
    }

        .product-tags-list li.separator {
            margin: 0 5px 0 3px
        }

    .product-tags-list a {
        display: inline-block;
        line-height: 24px
    }

.overview.singleItem span[itemprop="offers"] .attributes {
    display: none
}

.attributes {
    margin: 20px 0
}

    .attributes dl {
        overflow: hidden;
        padding: 0 2px
    }

    .attributes dt,
    .attribute-label {
        display: block;
        margin: 0 0 5px;
        white-space: nowrap;
        font-weight: bold
    }

    .attributes dd,
    .attribute-data {
        margin: 0 0 10px
    }

    .attributes li {
        margin: 8px 0 12px
    }

    .attributes select {
        width: auto;
        min-width: 100px;
        max-width: 100%
    }

    .attributes .option-list label {
        margin: 0 5px
    }

    .attributes .datepicker {
        width: 280px;
        text-align: center
    }

.ui-datepicker {
    width: 280px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    text-align: center;
    border: 0;
    border-radius: 0;
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #777
}

.ui-datepicker-header {
    position: relative;
    height: 32px;
    background-color: #c15dd0;
    color: #fff;
    border: 0;
    border-radius: 0;
    background-image: none;
    padding: 0 !important;
    font-weight: normal
}

    .ui-datepicker-header a {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 0;
        top: 0 !important;
        width: 32px !important;
        height: 32px !important;
        border: none !important
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            background: url('../images/calendar-prev.png') center no-repeat
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            background: url('../images/calendar-next.png') center no-repeat
        }

        .ui-datepicker-header a span {
            display: none !important
        }

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 32px !important
}

.ui-datepicker-calendar {
    margin: 0 !important;
    font-size: 14px !important
}

    .ui-datepicker-calendar th {
        background-color: #eee
    }

    .ui-datepicker-calendar th,
    .ui-datepicker-calendar td {
        width: 14.285%;
        border: 1px solid #ddd;
        padding: 0
    }

        .ui-datepicker-calendar th span,
        .ui-datepicker-calendar td a {
            display: block;
            min-height: 32px;
            line-height: 32px
        }

        .ui-datepicker-calendar td a {
            border: none !important;
            background: none !important;
            padding: 0;
            text-align: center;
            color: #444 !important
        }

    .ui-datepicker-calendar .ui-state-active {
        outline: 2px solid #c15dd0;
        font-weight: bold;
        color: #c15dd0;
        color: #c15dd0 !important
    }

.color-squares {
    font-size: 0
}

    .color-squares li {
        display: inline-block;
        margin: 0 5px 5px;
        text-align: center
    }

    .color-squares .color-container {
        display: block;
        position: relative;
        z-index: 0;
        padding: 1px
    }

    .color-squares label {
        display: block;
        margin: 0 !important;
        overflow: hidden
    }

    .color-squares .color {
        display: block !important;
        width: 32px !important;
        height: 32px !important;
        border: 1px solid #444 !important;
        cursor: pointer
    }

    .color-squares .selected-value .color-container {
        background-color: #c15dd0
    }

    .color-squares li input {
        position: relative;
        z-index: -1;
        margin: -32px 0 0
    }

.giftcard {
    margin: 0 0 20px;
    overflow: hidden
}

    .giftcard div {
        margin: 0 0 10px
    }

    .giftcard label {
        display: block;
        margin: 0 auto 5px;
        font-weight: bold
    }

    .giftcard input,
    .giftcard textarea {
        width: 350px;
        max-width: 100%
    }

    .giftcard textarea {
        height: 150px
    }

.bundle-title,
.bundle-description {
    text-align: center;
    color: #a840b8;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px
}

.bundle-description {
    margin-top: 10px;
    font-size: 16px
}

.bundle-items {
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    max-height: 336px
}

.bundle-item {
    margin: 28px 0;
    width: 30%;
    display: table-cell;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0 0 10px #CCC;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    background: #fff
}

    .bundle-item .picture {
        height: 75%;
        max-height: 210px;
        overflow: hidden
    }

        .bundle-item .picture a {
            display: block;
            position: relative
        }

            .bundle-item .picture a:before {
                content: "";
                display: block;
                padding-top: 80%
            }

        .bundle-item .picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            -webkit-transform: translateZ(0) scale(1.0, 1.0)
        }

    .bundle-item .details {
        padding: 15px 15px 0 15px;
        height: 25%;
        max-height: 70px
    }

        .bundle-item .details a,
        .bundle-item .details a:hover {
            color: #1e1e1e
        }

            .bundle-item .details a:hover {
                text-decoration: underline
            }

.bundle-addtocart {
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f9f9f9;
    max-width: 214px;
    width: 20%;
    margin-left: 7%;
    padding-top: 35px
}

.bundletotal {
    color: #a840b8;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 22px
}

.bundletotalprice {
    font-size: 35px;
    font-weight: bold;
    color: #a840b8;
    line-height: 40px
}

.bundle-addtocart .add-to-cart-button {
    height: 50px;
    border: 0;
    background-color: #b755c6;
    padding: 0 20px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px
}

.normalprice {
    font-size: 16px;
    color: #3d3d3d;
    font-weight: 600;
    margin-top: 20px;
    line-height: 25px
}

.bundle-addtocart .saving {
    margin: 2px 0 30px;
    border-radius: 4px;
    background: #85c335;
    padding: 3px 20px;
    color: #fff;
    font-size: 16px;
    display: inline-block
}

.bundle-item-plus {
    margin: 28px 25px;
    background: #f9f9f9 url(../images/plus.png) center center no-repeat;
    height: 280px;
    width: 30px;
    min-width: 30px;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-reviews-page h1 a {
    color: #c15dd0
}

    .product-reviews-page h1 a:before,
    .product-reviews-page h1 a:after {
        content: "''"
    }

.product-reviews-page .title {
    margin: 0 0 20px;
    font-size: 20px
}

    .product-reviews-page .title strong {
        font-weight: normal
    }

.write-review {
    margin: 0 0 60px
}

    .write-review .fieldset {
        margin: 0 0 30px
    }

    .write-review .review-rating {
        text-align: center
    }

        .write-review .review-rating label {
            display: block;
            margin: 0 0 5px;
            font-size: 14px
        }

        .write-review .review-rating ul {
            font-size: 0;
            vertical-align: middle
        }

        .write-review .review-rating li {
            display: inline-block;
            margin: 0 5px;
            cursor: default;
            vertical-align: middle;
            font-size: 14px;
            height: 17px
        }

            .write-review .review-rating li.first {
                color: #e4444c
            }

            .write-review .review-rating li.rating-options {
                padding-top: 2px
            }

                .write-review .review-rating li.rating-options input {
                    vertical-align: baseline
                }

            .write-review .review-rating li.last {
                color: #4cb17c
            }

        .write-review .review-rating input[type="radio"]:checked,
        .write-review .review-rating input[type="radio"]:not(:checked) {
            position: initial;
            left: 0
        }

    .write-review .captcha-box {
        margin: 15px 0 0
    }

    .write-review .button-1 {
        border: 0;
        background-color: #b755c6;
        padding: 10px 25px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase
    }

        .write-review .button-1:hover {
            background-color: #248ece
        }

.product-reviews-page .result,
.product-reviews-page .message-error {
    margin: 0 0 20px
}

.product-review-list {
    overflow: hidden
}

.product-review-item {
    margin: 0 0 40px
}

    .product-review-item .review-item-head {
        border-top: 1px solid #ddd;
        overflow: hidden;
        background-color: #f6f6f6;
        padding: 10px
    }

    .product-review-item .review-title {
        line-height: 20px;
        font-size: 15px
    }

    .product-review-item .product-review-box {
        margin: 3px 0 0
    }

    .product-review-item .review-content {
        padding: 20px 10px
    }

    .product-review-item .review-text {
        margin: 0 0 15px;
        line-height: 22px
    }

    .product-review-item .review-info {
        margin: 0 0 5px
    }

        .product-review-item .review-info label {
            font-weight: normal
        }

        .product-review-item .review-info a,
        .product-review-helpfulness .vote {
            display: inline-block;
            padding: 0 5px;
            color: #c15dd0;
            cursor: pointer
        }

.product-review-helpfulness .question {
    margin: 0 5px 0 0;
    font-style: italic
}

.product-review-helpfulness .result {
    margin: 0 0 0 10px
}

.topic-block {
    margin: 0 0 25px;
    text-align: left
}

.topic-block-title {
    min-height: 50px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px
}

    .topic-block-title h2 {
        font-size: 26px;
        font-weight: normal
    }

.topic-block-body {
    text-align: justify;
    line-height: 24px;
    font-size: 16px
}

.topic-page {
    text-align: left
}

    .topic-page .page-body {
        text-align: justify;
        line-height: 22px
    }

    .topic-block a,
    .topic-page a {
        text-decoration: underline
    }

    .topic-block strong,
    .topic-page strong {
        color: #3d3d3d
    }

.home-page .topic-block {
    margin: 0 0 50px
}

.popup-window .topic-page {
    padding: 15px
}

.not-found-page p {
    margin: 30px 0
}

.topic-password {
    text-align: center
}

.enter-password-title {
    margin: 0 0 20px
}

.enter-password-form {
    display: inline-block;
    overflow: hidden
}

    .enter-password-form input[type="password"] {
        float: left;
        width: 200px;
        height: 40px;
        margin: 0 -1px 0 0
    }

    .enter-password-form input[type="submit"] {
        float: left;
        width: auto;
        min-width: 86px;
        height: 40px;
        border: 0;
        background-color: #b755c6;
        padding: 0 15px;
        color: #fff;
        text-transform: uppercase
    }

        .enter-password-form input[type="submit"]:hover {
            background-color: #248ece
        }

.contact-page .page-title,
.email-a-friend-page .page-title {
    margin: 0 0 -1px
}

.contact-page .result,
.contact-page .message-error,
.email-a-friend-page .result,
.email-a-friend-page .message-error {
    margin: 20px 0
}

.contact-page .button-1,
.email-a-friend-page .button-1 {
    min-width: 140px;
    border: 0;
    background-color: #b755c6;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase
}

    .contact-page .button-1:hover,
    .email-a-friend-page .button-1:hover {
        background-color: #248ece
    }

.contact-page .topic-block,
.email-a-friend-page .title {
    margin: 25px 0
}

    .email-a-friend-page .title h2 {
        font-weight: normal;
        color: #b755c6
    }

.gender {
    display: inline-block
}

    .gender span {
        display: inline-block;
        margin: 0 5px
    }

        .gender span > * {
            display: inline !important;
            margin: 0 5px;
            line-height: 32px
        }

.date-of-birth select {
    width: 31%;
    max-width: 126px
}

    .date-of-birth select + select {
        margin: 0 0 0 10px
    }

#check-availability-button {
    margin: 10px 0 0;
    border: 0;
    background-color: #888;
    padding: 10px 15px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

    #check-availability-button:hover {
        background-color: #999
    }

.accept-privacy-policy {
    margin: 0 0 20px;
    text-align: center
}

    .accept-privacy-policy > * {
        display: inline-block;
        line-height: 32px
    }

    .accept-privacy-policy span {
        color: #c15dd0;
        cursor: pointer
    }

.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
    min-width: 140px;
    border: 0;
    background-color: #b755c6;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase
}

    .registration-page .button-1:hover,
    .registration-result-page .button-1:hover,
    .login-page .button-1:hover,
    .password-recovery-page .button-1:hover,
    .account-page .button-1:hover,
    .return-request-page .button-1:hover {
        background-color: #248ece
    }

.registration-page .message-error,
.login-page .message-error,
.account-page .message-error {
    margin: 0 0 10px
}

.registration-page .page-body {
    display: none
}

    .registration-page .page-body:after {
        display: block;
        content: "";
        clear: both
    }

.registration-page .inputs input[type="text"],
.registration-page .inputs input[type="password"],
.registration-page .inputs select,
.registration-page .inputs textarea {
    width: 75%
}

.registration-result-page .result {
    margin: 0 0 30px;
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
    color: #4cb17c
}

    .registration-result-page .result .topic-block {
        color: #000
    }

.companyselector {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px
}

    .companyselector:after {
        content: "";
        display: block;
        clear: both;
        margin: 40px
    }

.registerascompany,
.registerasperson {
    border: 1px solid #d1d1d1;
    width: 80%;
    display: inline-block;
    text-align: center;
    background: #f3f3f3;
    border-radius: 1px;
    margin: 5px 0
}

    .registerascompany div,
    .registerasperson div {
        padding: 13px;
        cursor: pointer;
        line-height: 20px
    }

    .registerascompany:hover,
    .registerasperson:hover,
    .registerascompany.sel,
    .registerasperson.sel {
        border: 1px solid #802990;
        background: #a840b8;
        color: #fff
    }

    .registerascompany span,
    .registerasperson span {
        font-size: 18px;
        line-height: 25px;
        font-weight: bold;
        cursor: pointer;
        line-height: 18px
    }

#topicsplosno {
    margin-top: 40px
}

.login-page {
    padding-top: 40px
}

.login-page-title {
    margin-top: 25px
}

.login-text {
    margin-bottom: 50px
}

.login-page .title {
    margin: 0 0 15px;
    font-size: 16px;
    color: #3d3d3d;
    text-align: center !important
}

    .login-page .title strong span {
        font-size: 12px
    }

    .login-page .title strong {
        font-weight: 600
    }

.login-page .new-wrapper {
    margin: 0 0 10px;
    text-align: center
}

    .login-page .new-wrapper .text {
        margin: 0 0 30px;
        border: 1px solid #d5d5d5;
        border-radius: 3px;
        min-height: 125px;
        font-size: 13px;
        padding-top: 16px;
        font-weight: 500;
        background-color: white
    }

    .login-page .new-wrapper .button-1 {
        margin: 0 0 5px;
        background-color: #ffce0c;
        color: #3d3d3d;
        text-transform: none;
        font-weight: 600;
        margin-top: 17px;
        width: 203px
    }

.login-page .register-wrapper {
    margin: 0 0 10px;
    text-align: center
}

    .login-page .register-wrapper .text {
        margin: 0 0 30px;
        background-color: #fff;
        border: 1px solid #d5d5d5;
        border-radius: 3px;
        min-height: 125px;
        font-size: 13px;
        padding-top: 16px;
        font-weight: 500
    }

    .login-page .register-wrapper .button-1 {
        margin: 0 0 5px;
        text-transform: none;
        margin-top: 17px
    }

.login-page .returning-wrapper {
    margin: 0 0 10px
}

    .login-page .returning-wrapper .form-fields {
        overflow: hidden;
        padding: 0;
        border-top: 0
    }

    .login-page .returning-wrapper .inputs.reversed {
        white-space: normal;
        margin-top: 14px
    }

        .login-page .returning-wrapper .inputs.reversed * {
            display: inline-block;
            width: auto;
            font-size: 14px
        }

        .login-page .returning-wrapper .inputs.reversed .button-1 {
            text-transform: none;
            width: 90px;
            padding: 10px 0;
            min-width: 90px
        }

.login-page .forgot-password {
    padding-right: 35px
}

    .login-page .forgot-password a {
        color: #3d3d3d;
        text-decoration: underline
    }

.login-page .returning-wrapper .inputs.reversed a:hover {
    color: #c15dd0
}

.login-page .captcha-box {
    margin: -15px 0 20px
}

.login-page .returning-wrapper input[type="text"],
.login-page .returning-wrapper input[type="password"] {
    padding: 4px 8px;
    height: 30px
}

.external-authentication {
    margin: 0 0 50px;
    overflow: hidden;
    text-align: center
}

    .external-authentication .buttons {
        margin: 0 0 30px;
        padding: 30px
    }

.external-auth-errors {
    color: #e4444c
}

.external-auth-association {
    color: #3d3d3d
}

    .external-auth-association a {
        color: #c15dd0
    }

        .external-auth-association a:hover {
            text-decoration: underline
        }

.password-recovery-page .result {
    margin: 0 0 5px;
    font-weight: bold;
    color: #3d3d3d
}

.password-recovery-page .tooltip {
    margin: 0 0 25px
}

.add-more-external-records {
    text-align: center
}

    .add-more-external-records a {
        color: #c15dd0
    }

        .add-more-external-records a:hover {
            text-decoration: underline
        }

.account-page .buttons {
    text-align: center
}

.account-page .description {
    margin: 0 0 25px;
    padding: 0 10px
}

.account-page .table-wrapper {
    margin: 0 0 30px
}

.address-list-page .info,
.order-list-page .info {
    margin: 0 0 10px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 20px;
    line-height: 26px
}

    .address-list-page .info .name,
    .order-list-page .info .name {
        font-size: 16px;
        font-weight: bold
    }

.address-list-page .button-2,
.order-list-page .button-2 {
    display: inline-block;
    margin: 0 0 0 10px;
    border: 0;
    padding: 0 0 0 18px;
    font-size: 12px
}

.edit-address-button {
    background: url('../images/edit.png') left center no-repeat
}

.delete-address-button,
.cancel-recurring-order-button {
    background: url('../images/remove.png') left center no-repeat
}

.return-items-button {
    background: url('../images/return.png') left center no-repeat
}

.order-details-button {
    background: url('../images/details.png') left center no-repeat
}

.address-list-page .button-2:hover,
.order-list-page .button-2:hover {
    color: #c15dd0
}

.address-list-page .add-button {
    margin: 0 0 20px;
    text-align: center
}

.address-edit-page .page-title {
    margin: 0 0 -1px
}

.address-edit-page .message-error {
    margin: 20px 0
}

.address-edit-page .edit-address {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px
}

.recurring-payments table td {
    white-space: nowrap
}

    .recurring-payments table td:first-child {
        min-width: 120px;
        white-space: normal
    }

.recurring-payments .button-2 {
    font-size: 14px
}

.return-request-list-page .details {
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 20px;
    line-height: 22px
}

.return-request-list-page label {
    margin: 0 5px 0 0
}

.return-request-list-page a {
    color: #c15dd0
}

    .return-request-list-page a:hover {
        text-decoration: underline
    }

.return-request-list-page .comments div {
    margin: 10px 0 0;
    font-size: 15px;
    font-style: italic
}

.reward-points-overview {
    margin: 0 0 25px
}

.reward-points-history table td:first-child {
    min-width: 120px
}

.change-password-page .page-title {
    margin: 0 0 -1px
}


.change-password-page .result,
.change-password-page .message-error {
    margin: 20px 0
}

.change-password-page .fieldset {
    margin: 0 0 30px
}

.order-progress {
    margin: 0 0 50px;
    background-color: #f6f6f6;
    padding: 15px 0;
    text-align: center
}

    .order-progress ul {
        font-size: 0
    }

    .order-progress li {
        display: inline-block;
        margin: 10px
    }

    .order-progress a {
        display: block;
        min-width: 70px;
        font-size: 14px
    }

        .order-progress a:before {
            content: "";
            display: block;
            width: 40px;
            height: 40px;
            margin: 0 auto 15px;
            border: 1px solid #bbb;
            background: #fff url('../images/pointer.png') center no-repeat
        }

    .order-progress li.active-step a {
        cursor: pointer
    }

    .order-progress li.inactive-step a {
        opacity: .3;
        cursor: default
    }

.shopping-cart-page .message-error {
    margin: 20px 0
}

.shopping-cart-page td .message-error {
    margin: 10px 0 0;
    text-align: left
}

.shopping-cart-page .common-buttons {
    margin: 0 0 60px;
    background-color: #f6f6f6;
    padding: 20px;
    font-size: 0
}

    .shopping-cart-page .common-buttons input {
        display: inline-block;
        min-width: 180px;
        margin: 5px;
        border: 0;
        background-color: #aaa;
        padding: 10px 20px;
        font-size: 15px;
        color: #fff
    }

        .shopping-cart-page .common-buttons input:hover {
            background-color: #999
        }

        .shopping-cart-page .common-buttons input:first-child {
            background-color: #c15dd0
        }

            .shopping-cart-page .common-buttons input:first-child:hover {
                background-color: #248ece
            }

/* Odstrani meni in iskalnik na checkoutu */
.top-menu .megamenu-node,
.body-checkout-page .header-upper-wrapper2,
.body-checkout-page .header-category-wrapper,
.body-checkout-page .menu-toggle,
.body-checkout-page .personal-menu,
.body-checkout-page .header-phone,
.body-checkout-page .badges,
.body-checkout-page .footer-upper,
.body-checkout-page .mobileSearch {
    display: none
}

.body-checkout-page #topcartlink {
    background: url(../images/sprite.png) 8px -1143px no-repeat;
    height: 40px;
    margin-top: 7px;
    background-size: initial;
    display: inline-block;
    position: relative;
}

    .body-checkout-page #topcartlink span.cart-qty {
        top: 6px;
        right: 22px;
        height: 18px;
        width: 18px;
        line-height: 20px;
        font-size: 11px;
    }

.body-checkout-page a.ico-cart {
    width: 60px;
    height: 40px;
    color: #4a0f53;
    font-size: 11px;
    padding-top: 25px;
    position: relative;
    z-index: 100
}

.body-checkout-page #topcartlink.topcart-sticky {
    display: none !important
}

/* Checkout badges */
.checkout-badges {
    width: 100%;
    float: left;
    margin: 15px 0
}

    .checkout-badges > div {
        float: left;
        width: 56%
    }

        .checkout-badges > div.checkoutbadge2 {
            display: none
        }

        .checkout-badges > div.checkoutbadge3 {
            width: 44%
        }

        .checkout-badges > div.checkoutbadge4 {
            display: none
        }

        .checkout-badges > div.checkoutbadge5 {
            display: none
        }

    .checkout-badges i {
        display: block;
        float: left;
        width: 32px;
        height: 32px;
        margin-right: 5px;
        background: url(../images/checkout-icons.png) no-repeat;
    }

.checkoutbadge1 i {
    background-position: 0 -132px
}

.checkoutbadge2 i {
    background-position: 0 -166px
}

.checkoutbadge3 i {
    background-position: 0 -200px
}

.checkoutbadge4 i {
    background-position: 0 -234px
}

.checkoutbadge5 i {
    background-position: 0 -268px
}

.checkout-badges p {
    margin: 0;
    font-size: 11px;
    line-height: 16px;
    color: #757575;
    text-align: left
}

    .checkout-badges p.cbadgeB {
        font-weight: 700;
        color: #000
    }

.nofilltext {
    line-height: 13px;
    font-size: 12px;
    margin-top: 10px;
    color: #a840b8;
    font-style: italic;
}

.body-checkout-page .header-logo {
    margin-left: 0
}

.body-checkout-page .center-1 .page-title, .body-checkout-page .center-1 .title {
    text-align: left
}

.checkout-attributes {
    margin: -30px 0 30px
}

    .checkout-attributes dt {
        margin: 0 0 5px;
        font-weight: bold
    }

    .checkout-attributes dd {
        margin: 0 0 20px
    }

    .checkout-attributes input[type="text"],
    .checkout-attributes select {
        min-width: 200px
    }

    .checkout-attributes ul {
        font-size: 0
    }

    .checkout-attributes li {
        display: inline-block;
        margin: 5px;
        border: 1px solid #ddd;
        background-color: #fff;
        padding: 8px 10px;
        font-size: 14px
    }

        .checkout-attributes li label {
            display: inline-block;
            margin: 0 0 0 5px
        }

.selected-checkout-attributes {
    margin: 30px 0
}

    .selected-checkout-attributes br {
        content: "";
        display: block;
        margin: 3px
    }

.cart-options .common-buttons {
    display: none
}

.cart-footer {
    margin: 35px 0;
    color: #3d3d3d
}

    .cart-footer:after {
        content: "";
        display: block;
        clear: both
    }

    .cart-footer .totals {
        width: 350px;
        max-width: 100%;
        margin: 0 auto 50px;
        padding: 10px
    }

    .cart-footer .total-info {
        margin: 0 0 20px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 20px
    }

.cart-total td {
    width: 50%;
    padding: 3px 0;
    text-align: right
}

    .cart-total td:first-child {
        text-align: left
    }

.cart-total .giftcard-remaining {
    display: block;
    font-style: italic
}

.cart-total .order-total {
    font-size: 15px;
    color: #c15dd0
}

    .cart-total .order-total td {
        padding-top: 15px;
        font-weight: 600
    }

.cart-total .earn-reward-points {
    font-style: italic
}

.checkout-page .cart-total {
    background: #ececec
}

    .checkout-page .cart-total tr:first-child td {
        padding-top: 10px
    }

    .checkout-page .cart-total tr.tax-value td {
        padding-bottom: 10px
    }

    .checkout-page .cart-total td {
        padding: 3px 7px;
        line-height: 16px;
        font-size: 11px;
        color: #261029
    }

    .checkout-page .cart-total .order-total td {
        padding-top: 18px;
        padding-bottom: 18px;
        background: white;
        color: #a840b8;
        font-size: 14px;
        border-bottom: 1px solid #d2d2d2
    }

.min-amount-warning {
    margin: 0 0 20px;
    padding: 10px 30px;
    color: crimson;
    background: mistyrose;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
}

.min-amount-warning2 {
    margin: 0 0 20px;
    padding: 10px 30px;
    color: #fff;
    background: #d1b6d6;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    text-align: center;
}

.terms-of-service {
    margin: 0 0 20px;
    font-size: 11px;
    line-height: 15px;
    color: #6a6a6a
}

    .terms-of-service label {
        cursor: pointer
    }

    .terms-of-service a {
        color: #a840b8;
        text-decoration: underline
    }

.checkout-page .terms-of-service {
    text-align: center;
    color: #261029;
    font-size: 12px;
    line-height: 19px;
    margin: 15px 0 0
}

.cart-footer .checkout-button {
    display: inline-block;
    width: 100%;
    border: 0;
    background-color: #b755c6;
    padding: 14px 20px;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    text-transform: uppercase
}

    .cart-footer .checkout-button:hover {
        background-color: #248ece
    }

.cart-footer .addon-buttons {
    margin: 20px 0 0;
    padding: 0 10px
}

.cart-collaterals {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 50px;
    padding: 12px 0 0
}

    .cart-collaterals > div {
        max-width: 400px;
        margin: 0 0 50px
    }

    .cart-collaterals .button-2 {
        display: inline-block;
        border: 0;
        background: #ffce0c;
        padding: 10px 15px;
        color: #fff;
        text-transform: uppercase
    }

        .cart-collaterals .button-2:hover {
            background-color: #999
        }

    .cart-collaterals .title {
        margin: 0 0 12px;
        font-size: 16px
    }

    .cart-collaterals .hint {
        margin: 1px 0 10px
    }

    .cart-collaterals .deals > div {
        margin: 0 0 20px
    }

.coupon-box .hint {
    font-size: 11px;
    line-height: 15px;
    color: #8f8f8f
}

.cart-collaterals .coupon-code {
    overflow: hidden
}

    .cart-collaterals .coupon-code input[type="text"] {
        float: left;
        width: 79%;
        height: 48px;
        margin: 0 -1px 0 0;
        font-size: 16px
    }

    .cart-collaterals .coupon-code input[type="submit"] {
        float: left;
        margin-left: 10px;
        width: 18%;
        height: 48px;
        padding: 0;
        color: #000;
        font-size: 14px;
        font-weight: 600
    }

.cart-collaterals .message-failure {
    margin: 5px 0 0;
    font-size: 12px;
    color: #e4434b
}

.cart-collaterals .message-success {
    margin: 5px 0 0;
    font-size: 12px;
    color: #4cb17c
}

.cart-collaterals .current-code {
    margin: 5px 0 0;
    color: #4cb17c
}

.remove-discount-button,
.remove-gift-card-button {
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    background: #fff url('../images/close.png') center no-repeat;
    cursor: pointer;
    font-size: 0;
    vertical-align: middle
}

.cart-collaterals .shipping select {
    height: 36px
}

.cart-collaterals .shipping-results {
    margin: 30px 0 0
}

    .cart-collaterals .shipping-results li {
        margin: 20px 0
    }

        .cart-collaterals .shipping-results li strong {
            display: block;
            margin: 0 0 5px
        }

.shopping-cart-page .no-data {
    margin: 25px 0 0
}

.checkout-page .section {
    margin: 0 0 30px
}

    .checkout-page .section.order-summary {
        margin: 100px 0 30px
    }

.checkout-page .cart-options {
    min-height: 60px;
    overflow: hidden
}

.opc .enter-address .inputs .davcna_div label {
    float: none;
}

.enter-address .inputs.companydetails .davcna_div br {
    display: none
}

.opc .davcna_div .required {
    float: right;
    margin-left: 10px
}

.checkout-page .opccartoptions.cart-options {
    min-height: 0
}

.checkout-page .cart-footer {
    border-top: 1px solid #dbdbdb;
    margin: 0
}

.checkout-page .total-info {
    margin: 0;
    border-bottom: 0;
    padding: 5px 20px 10px
}

.checkout-page .button-1 {
    display: inline-block;
    min-width: 65%;
    border: 0;
    background-color: #c15dd0;
    padding: 15px 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase
}

    .checkout-page .button-1:hover {
        background-color: #248ece
    }

.checkout-page .confirm-order-next-step-button {
    width: 100%;
    height: 40px;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0 auto
}

.checkout-page .address-item {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 40px
}

    .checkout-page .address-item ul {
        margin: 0 0 15px;
        background-color: #f9f9f9;
        padding: 20px
    }

    .checkout-page .address-item li {
        padding: 5px 0
    }

        .checkout-page .address-item li.name {
            font-size: 16px;
            font-weight: bold
        }

.enter-address .message-error {
    margin: 20px 0
}

.enter-address .edit-address {
    border-top: 1px solid #e6e6e6;
    margin: 0;
    padding: 15px 0
}

.checkout-page .pickup-in-store {
    padding: 30px 0;
    text-align: center
}

    .checkout-page .pickup-in-store .selector {
        margin: 0 0 5px;
        font-weight: bold
    }

.shipping-method .method-list,
.payment-method .method-list {
    margin: 0 auto 30px;
    overflow: hidden;
    text-align: center;
    font-size: 0
}

.opc .section.payment-method .method-list {
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #dbdbdb
}

.shipping-method .method-list li,
.payment-method .method-list li {
    margin: 20px 0;
    font-size: 12px;
    line-height: 19px
}

.shipping-method .method-description {
    margin: 0 0 0 28px;
    line-height: 15px;
    color: #757575;
    font-size: 11px
}

.payment-method .use-reward-points {
    margin: 0 0 30px;
    text-align: center
}

.payment-method .payment-logo {
    display: inline-block;
    vertical-align: middle
}

    .payment-method .payment-logo label {
        display: block;
        font-size: 0 !important
    }

.payment-method .payment-details {
    min-width: 180px;
    display: inline-block;
    margin: 0 0 0 10px;
    text-align: left;
    vertical-align: middle
}

.payment-info .info {
    padding: 30px 0
}

    .payment-info .info tr {
        display: block;
        margin: 0 0 15px;
        font-size: 0
    }

    .payment-info .info td {
        display: inline-block;
        width: 100% !important;
        max-width: 400px !important;
        font-size: 12px
    }

        .payment-info .info td:only-child {
            width: 100% !important;
            max-width: 100% !important
        }

        .payment-info .info td input[type="text"] {
            width: 100% !important
        }

        .payment-info .info td input[name="CardCode"] {
            width: 65px !important
        }

        .payment-info .info td select {
            min-width: 70px
        }

    .payment-info .info p {
        text-align: center;
        line-height: 15px;
        font-size: 12px;
        text-align: left
    }

.confirm-order .buttons {
    padding: 10px 0
}

.confirm-order .button-1 {
    font-size: 16px
}

.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 40px;
    background-color: #f9f9f9;
    padding: 20px
}

.order-review-data li,
.order-details-area li,
.shipment-details-area li {
    padding: 3px 0
}

.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
    margin: 20px 0 5px;
    padding: 0;
    font-size: 16px;
    font-weight: bold
}

    .order-review-data .title:first-child,
    .order-details-area .title:first-child,
    .shipment-details-area .title:first-child {
        margin-top: 0
    }

.order-completed .details {
    margin: 0 0 30px;
    padding: 30px 15px;
    text-align: center
}

    .order-completed .details div {
        margin: 5px 0
    }

    .order-completed .details strong {
        font-weight: normal;
        text-transform: uppercase
    }

    .order-completed .details a {
        color: #c15dd0
    }

        .order-completed .details a:hover {
            text-decoration: underline
        }

.order-completed-continue-button {
    background-color: #b755c6;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    height: 50px;
    padding: 0 20px
}

    .order-completed-continue-button:hover {
        background-color: #248ece
    }

.opc {
    vertical-align: top;
    color: #261029;
    font-size: 12px;
    line-height: 19px
}

#selected-billing-address,
#selected-shipping-address {
    font-size: 13px
}

.choose-link-existing {
    background: url(../images/sprite.png) left -782px no-repeat #FFF !important;
    padding: 2px 0 3px 25px;
    color: #8f8f8f;
    font-weight: 600
}

.opc #shippingSameAsBilling {
    margin-bottom: 15px
}

.choose-link-new {
    background: url(../images/sprite.png) left -740px no-repeat #FFF !important;
    padding: 2px 18px 3px 25px;
    color: #261029;
    font-weight: 600
}

.opc .selected-address {
    padding-bottom: 15px
}

.existing-addresses {
    border-top: 1px solid #e6e6e6;
    margin: 0 0 30px;
    padding: 15px 0
}

    .existing-addresses table td {
        padding: 10px 0 15px 10px;
        border-bottom: 1px solid #e6e6e6
    }

.opc .billing-new-address-form,
.opc .existing-addresses {
    display: none
}

    .opc .existing-addresses table .sel-address {
        background-color: #f9f9f9
    }

.opc h4.other-addresses-title {
    margin-bottom: 15px
}

.opc .existing-addresses table .sel-address div,
.opc .existing-addresses table a {
    display: block
}

.opc .existing-addresses table .sel-address a,
.opc .existing-addresses table div {
    display: none
}

.opc h4 {
    font-size: 13px;
    line-height: 25px;
    color: #261029
}

.opc .tab-section {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.opc .step-title {
    padding-top: 5px;
    margin: 0 0 1px;
    overflow: hidden;
    font-size: 18px;
    line-height: 25px;
    color: #787878;
    position: relative
}

    .opc .step-title .number {
        height: 25px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 25px;
        border: 2px solid #8ace13;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        font-size: 13.74px;
        line-height: 20px;
        letter-spacing: -0.5px;
        font-weight: bold;
        margin-top: -3px
    }

.opc .disallowed .step-title {
    color: #787878
}

    .opc .disallowed .step-title .number {
        border-color: #787878
    }

.opc .allow .step-title {
    color: #6ca90b
}

    .opc .allow .step-title .number {
        border-color: #6ca90b
    }

.opc .active-step .step-title {
    color: #a840b8
}

    .opc .active-step .step-title .number {
        border-color: #a840b8
    }

.opc .tab-section.disallowed {
    background-color: inherit;
}

.opc .step {
    margin: 10px 0;
    padding: 30px 15px;
    text-align: center
}

.opc .block {
    margin: 0
}

.opc .section {
    margin: 0 0 30px
}

    .opc .section.payment-method {
        margin: 0
    }

    .opc .section > label {
        display: block;
        margin: 0 0 10px
    }

.opc input[type="text"],
.opc select {
    max-width: 100%
}

.opc .buttons {
    margin-bottom: 0
}

.opc .section.pickup-in-store {
    margin: 0 0 30px;
    padding: 0
}

.opc .payment-info .info tr {
    text-align: left
}

.opc .section.order-summary {
    margin: 0
}

.opc div.checkout_inner_container {
    margin-bottom: auto
}

.opc .inputs {
    margin: 0 0 7px
}

    .opc .inputs label {
        font-size: 13px
    }

        .opc .inputs label.lbltitle {
            margin-top: 12px;
            font-weight: 600
        }

.opc .enter-address .inputs .davcna_div label {
    width: auto
}

.opc .inputs input[type="text"],
.opc .inputs input[type="password"],
.opc .inputs select {
    height: 27px;
    min-height: 27px;
    padding: 0 8px
}

.opc .inputs textarea {
    height: 50px;
    min-height: 50px
}

/* Checkout */

/* START Braintree */

.body-checkout-page.card-payment-page .checkout.container {
    width: 50%;
    margin: 50px auto;
}

    .body-checkout-page.card-payment-page .checkout.container h3 {
        color: #a840b8
    }

.body-checkout-page.card-payment-page #payment-form .button-1 {
    display: block;
    width: 70%;
    border: 0;
    background-color: #b755c6;
    padding: 14px 20px;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    text-transform: uppercase;
    margin: 40px auto 0
}

    .body-checkout-page.card-payment-page #payment-form .button-1:hover {
        background-color: #248ece;
    }

.body-checkout-page.card-payment-page #payment-form .amount-wrapper {
    padding: 10px 0 0;
}

    .body-checkout-page.card-payment-page #payment-form .amount-wrapper label {
        color: #b755c6
    }

.body-checkout-page.card-payment-page #topcartlink {
    display: none
}

/* END Braintree */

.step-title:before {
    content: " ";
    width: 45px;
    height: 25px;
    float: none;
    background: url("../images/checkout-icons.png") no-repeat;
    position: relative;
    top: 3px;
    display: inline-block
}

#opc-billing .step-title:before {
    background-position: 0 -24px
}

#opc-shipping .step-title:before {
    background-position: 0 -50px
}

#opc-shipping_method .step-title:before {
    background-position: 0 1px
}

#opc-payment_method .step-title:before {
    background-position: 0 -74px
}

#opc-confirm_order .step-title:before {
    background-position: 0 -100px
}

.step-title span.tooltipQmark {
    display: inline-block
}

.step-title span,
.opc .disallowed .step-title .number,
.opc .active-step .step-title .number,
.opc .allow .step-title .number {
    display: none
}

.order-details-page .page-title {
    border-bottom: 0
}

    .order-details-page .page-title h1 {
        margin: 0 0 30px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 10px
    }

    .order-details-page .page-title a {
        display: inline-block;
        min-width: 180px;
        margin: 5px 0;
        border: 0;
        background-color: #aaa;
        background-image: none;
        padding: 10px 20px;
        font-size: 15px;
        color: #fff
    }

        .order-details-page .page-title a:hover {
            background-color: #999
        }

        .order-details-page .page-title a.print-order-button {
            background-color: #c15dd0
        }

            .order-details-page .page-title a.print-order-button:hover {
                background-color: #248ece
            }

.order-details-page .order-overview {
    margin: 0 0 50px;
    line-height: 26px;
    text-align: center;
    font-size: 16px
}

    .order-details-page .order-overview .order-number {
        margin: 0 0 10px;
        text-transform: uppercase
    }

    .order-details-page .order-overview .order-total strong {
        font-weight: normal;
        color: #c15dd0
    }

.order-details-page .repost .button-2 {
    display: inline-block;
    margin: 10px 0;
    border: 0;
    background-color: #c15dd0;
    padding: 10px 15px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

    .order-details-page .repost .button-2:hover {
        background-color: #248ece
    }

.order-details-page .download a {
    font-weight: normal;
    color: #c15dd0
}

    .order-details-page .download a:hover {
        text-decoration: underline
    }

.user-agreement-page .terms-of-agreement {
    margin: 0 0 20px;
    padding: 20px;
    text-align: center
}

.user-agreement-page .button-1 {
    min-width: 140px;
    border: 0;
    background-color: #c15dd0;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase
}

    .user-agreement-page .button-1:hover {
        background-color: #248ece
    }

.order-details-page .tax-shipping-info {
    margin: 30px 0
}

    .order-details-page .tax-shipping-info a {
        color: #c15dd0
    }

        .order-details-page .tax-shipping-info a:hover {
            text-decoration: underline
        }

.order-details-page .actions {
    margin: 30px 0 0;
    font-size: 0
}

    .order-details-page .actions input {
        display: inline-block;
        min-width: 180px;
        margin: 5px;
        border: 0;
        background-color: #aaa;
        background-image: none;
        padding: 10px 20px;
        font-size: 15px;
        color: #fff
    }

        .order-details-page .actions input:hover {
            background-color: #999
        }

        .order-details-page .actions input:first-child {
            background-color: #c15dd0
        }

            .order-details-page .actions input:first-child:hover {
                background-color: #248ece
            }

.order-details-page .total-info {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 50px;
    background-color: #f9f9f9;
    padding: 15px 20px
}

.search-page .page-title {
    margin: 0 0 -1px
}

.search-input .fieldset {
    margin: 0 0 30px
}

.search-input .form-fields {
    padding: 30px 15px 10px
}

.search-input input + label {
    display: inline;
    margin: 0 0 0 5px
}

.search-page .titleResults,
.category-page .titleResults {
    font-size: 17px;
    color: #3d3d3d;
    font-weight: normal;
    border-top: 1px solid #ddd;
    padding-top: 35px;
    margin-bottom: 35px
}

    .search-page .titleResults span,
    .category-page .titleResults span {
        width: 12px;
        height: 12px;
        line-height: 12px;
        border-radius: 50%;
        background: #565656;
        display: inline-block;
        margin: 0 8px 0 0;
        z-index: 9999
    }

.search-page .product-list .item-grid .item-box .actual-price {
    margin-bottom: 0
}

.search-page .leanpay-mini {
    margin: 5px 0
}

.crna span {
    background: #626262 !important
}

.rumena span {
    background: #ffde00 !important
}

.modra span {
    background: #589ae5 !important
}

.skrlatna span {
    background: #d944b4 !important
}

.advanced-search {
    margin: 30px 0 0
}

    .advanced-search .price-range {
        display: inline-block
    }

        .advanced-search .price-range input {
            width: 80px;
            margin: 3px
        }

.search-input .buttons {
    text-align: center
}

.search-input .button-1 {
    min-width: 140px;
    border: 0;
    background-color: #c15dd0;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase
}

    .search-input .button-1:hover {
        background-color: #248ece
    }

.search-results {
    margin: 30px 0 0
}

    .search-results .warning,
    .search-results .no-result {
        margin: 10px 0;
        color: #e4434b
    }

.sitemap-page .description {
    margin: 0 0 30px;
    text-align: center
}

.sitemap-page .entity {
    margin: 0 0 30px
}

.sitemap-page .entity-title {
    margin: 0 0 15px;
    padding: 0 10px;
    text-align: center
}

    .sitemap-page .entity-title h2 {
        font-size: 20px;
        font-weight: normal
    }

.sitemap-page .entity-body {
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
    text-align: center
}

.sitemap-page ul {
    font-size: 0
}

.sitemap-page li {
    display: inline-block;
    position: relative;
    margin: 0 8px;
    padding: 0 12px;
    line-height: 50px;
    font-size: 14px
}

    .sitemap-page li:before {
        content: "";
        position: absolute;
        top: 23px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #ddd
    }

.sitemap-page a:hover {
    color: #c15dd0
}

.sitemap-page a:empty {
    display: none
}

.block-blog-archive .number {
    display: block;
    cursor: auto
}

.block-blog-archive .sublist {
    margin: 5px 0 5px 15px
}

.block-blog-archive li.month {
    padding: 3px 0 3px 15px
}

.blog-page .page-title,
.news-list-page .page-title {
    margin: 0
}

.blog-page .post,
.news-items .news-item {
    margin: 0 0 30px
}

    .blog-page .post:after {
        content: "";
        display: block;
        clear: both
    }

.post-title,
.news-title {
    display: inline-block;
    padding: 20px 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold
}

    .post-title:hover,
    .news-title:hover {
        color: #c15dd0
    }

.post-date,
.news-date {
    display: block;
    margin: 0 0 15px;
    background-color: #f6f6f6;
    padding: 10px;
    font-style: italic
}

.post-body,
.news-body {
    margin: 0 0 20px;
    padding: 0 10px;
    line-height: 22px
}

.blog-page .tags,
.blogpost-page .tags {
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0 10px
}

    .blog-page .tags label,
    .blogpost-page .tags label {
        display: inline-block;
        margin: 0 3px 3px 0;
        font-weight: bold
    }

    .blog-page .tags ul,
    .blogpost-page .tags ul {
        display: inline-block;
        margin: 0 0 3px 3px;
        font-size: 0
    }

    .blog-page .tags li,
    .blogpost-page .tags li {
        display: inline-block;
        font-size: 14px
    }

        .blog-page .tags li.separator,
        .blogpost-page .tags li.separator {
            margin: 0 8px 0 0
        }

    .blog-page .tags a,
    .blogpost-page .tags a {
        display: block;
        color: #c15dd0
    }

        .blog-page .tags a:hover,
        .blogpost-page .tags a:hover {
            text-decoration: underline
        }

.blog-posts .buttons,
.news-items .buttons {
    margin: 0;
    padding: 0 10px
}

    .blog-posts .buttons .read-comments {
        display: block;
        margin: 0 0 15px;
        font-weight: bold
    }

        .blog-posts .buttons .read-comments:hover {
            color: #c15dd0
        }

    .blog-posts .buttons .read-more,
    .news-items .buttons .read-more {
        display: inline-block;
        border: 0;
        background-color: #c15dd0;
        padding: 10px 20px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase
    }

        .blog-posts .buttons .read-more:hover,
        .news-items .buttons .read-more:hover {
            background-color: #248ece
        }

.new-comment {
    margin: 50px 0 60px
}

    .new-comment .notifications {
        margin: 0 0 10px
    }

    .new-comment .result {
        color: #690
    }

    .new-comment .form-fields {
        margin: 0 0 20px
    }

    .new-comment .button-1 {
        border: 0;
        background-color: #c15dd0;
        padding: 10px 30px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase
    }

        .new-comment .button-1:hover {
            background-color: #248ece
        }

.comment-list {
    margin: 0 0 100px
}

    .comment-list .title {
        margin: 0 0 15px;
        padding: 0 10px;
        font-size: 20px
    }

        .comment-list .title strong {
            font-weight: normal
        }

    .comment-list .comment {
        margin: 0 0 40px;
        border-top: 1px solid #ddd
    }

        .comment-list .comment:after {
            content: "";
            display: block;
            clear: both
        }

.comment-info {
    width: 150px;
    margin: 20px auto
}

    .comment-info .username {
        display: block;
        margin: 0 0 -1px;
        border: 1px solid #ddd;
        background-color: #f6f6f6;
        padding: 11px 0;
        font-weight: bold
    }

    .comment-info a.username:hover {
        color: #c15dd0
    }

    .comment-info .avatar {
        position: relative;
        width: 150px;
        height: 150px;
        border: 1px solid #ddd;
        overflow: hidden
    }

        .comment-info .avatar img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto
        }

.comment-time {
    margin: 0 0 15px;
    font-size: 13px;
    font-weight: bold
}

.comment-title {
    margin: 0 0 15px;
    font-size: 16px
}

.comment-body {
    line-height: 22px
}

.news-list-homepage {
    margin: 0 0 75px
}

    .news-list-homepage .title {
        margin: 0 0 -1px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 15px;
        font-size: 30px;
        font-weight: normal
    }

        .news-list-homepage .title strong {
            font-weight: normal
        }

    .news-list-homepage .view-all {
        text-align: center
    }

        .news-list-homepage .view-all a {
            text-decoration: underline
        }

            .news-list-homepage .view-all a:hover {
                color: #c15dd0
            }

.productTabs {
    margin: 0 0 40px 0
}

.white-wrapper {
    background-color: #fff
}

.white-wrapper-content,
.tabs-div-wrapper-content {
    position: relative;
    z-index: 0;
    width: 90%;
    margin: 0 auto
}

.productTabs .white-wrapper {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb
}

#tabs-printers .printers-box div {
    -webkit-columns: 380px 3;
    -moz-columns: 380px 3;
    columns: 380px 3
}

#tabs-printers .printers-box h2 {
    display: block;
    color: #b755c6;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 25px
}

#tabs-printers .printers-box a {
    color: #493d4b;
    font-size: 12px;
    line-height: 23px;
    text-decoration: underline;
    white-space: nowrap
}

.ui-tabs {
    border: 0;
    border-radius: 0;
    background: 0;
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #777
}

.tabWrapper:after {
    content: "";
    clear: both;
    display: block
}

.tabWrapper .cnt {
    width: 50%;
    float: left;
    clear: none
}

.tabWrapper div:first-child b,
.tabWrapper div:first-child strong {
    min-width: 146px;
    display: inline-block;
    line-height: 26px
}

.tabWrapper .printerCnt {
    -webkit-columns: 180px 3;
    -moz-columns: 180px 3;
    columns: 180px 3
}

.tabWrapper h3 {
    color: #b755c6;
    text-transform: uppercase;
    margin-bottom: 20px
}

.ui-tabs-nav {
    margin: 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    font-size: 0;
    margin: 0 !important;
    border-width: 0;
    border-radius: 0;
    background: 0;
    padding: 0 !important;
    line-height: normal;
    font-weight: normal
}

    .ui-tabs-nav span {
        font-size: 30px;
        border-right: 1px solid #dbdbdb;
        width: 1px;
        height: 30px;
        float: left;
        margin-top: 10px
    }

    .ui-tabs-nav li {
        margin: 0 0 -1px;
        float: none !important;
        margin: 0 0 0 !important;
        border: none !important;
        border-radius: 0;
        background: none !important;
        padding: 0 !important
    }

        .ui-tabs-nav li a {
            display: block;
            padding: 12px 24px;
            text-align: center;
            font-size: 13px;
            color: #3d3d3d;
            text-transform: uppercase;
            font-weight: bold;
            float: none !important;
            padding: 18px 45px !important
        }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited .ui-tabs-nav li.ui-state-active a {
    color: #3d3d3d
}

.ui-tabs-nav li.ui-state-active span {
    display: none
}

.ui-tabs-nav li.ui-state-active a {
    background-color: #4a0f53;
    color: #fff;
    text-transform: uppercase
}

.ui-tabs-panel {
    padding: 0 0 40px 0 !important;
    margin: 40px 0 40px 0
}

    .ui-tabs-panel:after {
        display: block;
        content: "";
        clear: both
    }

.tab_left_content {
    color: #493d4b;
    line-height: 23px;
    padding: 10px 25px 30px 0
}

    .tab_left_content h3 {
        color: #b755c6
    }

    .tab_left_content table tr td:first-child {
        font-weight: bold;
        min-width: 150px;
        vertical-align: top
    }

    .tab_left_content table tr td:last-child {
        line-height: 16px;
        padding: 4px 0 3px 0
    }

    .tab_left_content.tab_links a {
        display: block;
        font-size: 12px;
        text-decoration: underline
    }

.private-messages-page .table-wrapper,
.private-message-view-page .view-message {
    margin: 0 0 30px
}

.private-messages-page th.select {
    text-align: center
}

.private-messages-page td.from,
.private-messages-page td.to,
.private-messages-page td.subject {
    min-width: 150px
}

.private-messages-page td.date {
    white-space: nowrap
}

.private-messages-page td.subject a.pm-unread {
    color: #c15dd0
}

.private-messages-page .pager {
    margin: 0 0 30px
}

.private-messages-page .buttons,
.private-message-view-page .buttons {
    font-size: 0
}

    .private-messages-page .buttons .button-1,
    .private-messages-page .buttons .button-2,
    .private-message-view-page .buttons .button-1,
    .private-message-view-page .buttons .button-2 {
        display: block;
        width: 250px;
        margin: 0 auto 3px;
        font-size: 15px
    }

.private-message-view-page .view-message {
    margin: 0 0 30px
}

.private-message-view-page .message-head {
    margin: 0 0 20px;
    line-height: 22px
}

    .private-message-view-page .message-head span {
        font-weight: bold
    }

.private-message-view-page .message-body {
    border-top: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 30px 20px;
    line-height: 22px;
    text-align: justify
}

.private-message-view-page .back-pm-button {
    text-transform: capitalize !important
}

.profile-info-box {
    overflow: hidden;
    line-height: normal;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    ;
    color: #777
}

    .profile-info-box .user-details {
        margin: 0 0 30px
    }

    .profile-info-box .avatar {
        margin: 0 auto 15px
    }

    .profile-info-box .title {
        margin: 0 0 10px;
        font-size: 18px
    }

    .profile-info-box .stats {
        margin: 0 0 15px
    }

.latest-posts {
    line-height: normal;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    ;
    color: #777
}

    .latest-posts .topic {
        margin: 0 0 35px
    }

    .latest-posts .topic-title {
        margin: 0 0 20px;
        border-top: 1px solid #ddd;
        background: #f6f6f6;
        padding: 10px;
        font-size: 16px
    }

        .latest-posts .topic-title a {
            font-weight: bold
        }

            .latest-posts .topic-title a:hover {
                color: #c15dd0
            }

    .latest-posts .topic-body {
        margin: 0 0 15px;
        line-height: 22px
    }

.swiper-inner-wrapper {
    width: 100%
}

.swiper-entry-wrapper {
    padding-top: 0px
}

    .swiper-entry-wrapper:after {
        content: "";
        clear: both;
        display: block;
        margin-bottom: 20px
    }

    .swiper-entry-wrapper .swiper-container {
        width: 100%;
        height: 100%
    }

    .swiper-entry-wrapper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: inline-block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

        .swiper-entry-wrapper .swiper-slide a img {
            width: 100%;
            height: auto;
            border: 1px solid #ededed
        }

.swiper-pagination-bullet-active {
    background: #b755c6 !important
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
    opacity: .4;
    background-color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-top: -52px;
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
    opacity: 0.8
}

.swiper-container .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b755c6'%2F%3E%3C%2Fsvg%3E") !important;
    right: -40px;
    cursor: pointer;
    background-size: 20px 44px;
    background-position: 12px center;
}

.swiper-container .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b755c6'%2F%3E%3C%2Fsvg%3E") !important;
    z-index: 10;
    left: -40px;
    cursor: pointer;
    background-size: 20px 44px;
    background-position: 47px center;
}

.custom-text {
    float: right;
    width: 270px;
    text-align: center;
    vertical-align: middle;
    margin-top: 23px
}

    .custom-text * {
        color: #000
    }

    .custom-text p {
        font-size: 15px;
        line-height: 14px;
        margin-bottom: 20px
    }

        .custom-text p b,
        .custom-text p strong {
            font-size: 17px;
            font-weight: normal;
            line-height: 20px
        }

.loadinginprogress {
    background: url('../images/ajax-loader-small.gif') center 25px no-repeat;
    padding-bottom: 35px;
    text-align: center;
    display: none;
    height: 200px
}

.endlazyloading {
    display: none
}

.lazyloadingbuttoncontainer {
    text-align: center;
    padding: 10px;
    width: 100%;
    display: inline-block;
}

#gotop-container {
    text-align: center;
    margin-bottom: 20px
}

.tooltipQmark, .tooltipQmarkTouch {
    color: #000;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 15.35px;
    line-height: 22.97px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    background-color: #eee;
    cursor: pointer
}

.step-title .tooltipQmark {
    right: 20px;
    position: absolute
}

.inputs .tooltipQmark {
    right: 0;
    top: 12px;
    position: absolute
}

#tooltip {
    text-align: justify;
    color: #261029;
    background: #fff;
    position: absolute;
    z-index: 100;
    padding: 12px;
    -webkit-box-shadow: 0 8px 19px 5px rgba(204, 204, 204, 0.85);
    -moz-box-shadow: 0 8px 19px 5px rgba(204, 204, 204, 0.85);
    box-shadow: 0 8px 19px 5px rgba(204, 204, 204, 0.85);
    border-radius: 3px;
    z-index: 10000
}

    #tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #fff;
        top: -20px;
        bottom: auto
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0
    }

    #tooltip h3 {
        color: #777;
        font-size: 15px;
        line-height: 25px;
        font-weight: 600;
        text-align: center
    }

.badges {
    text-align: center;
    margin-bottom: 30px
}

    .badges div {
        display: inline-block
    }

    .badges a {
        display: inline-block;
        background-image: url('../images/bagdes.png');
        background-position-y: 10px;
        height: 70px;
        margin: 0 12px
    }

        .badges a:hover {
            background-position-y: 10px
        }

        .badges a.badge1 {
            width: 143px
        }

        .badges a.badge2 {
            width: 131px;
            background-position-x: -177px;
        }

        .badges a.badge3 {
            width: 215px;
            background-position-x: -337px;
        }

        .badges a.badge4 {
            display: none;
            width: 220px;
            background-position-x: -546px
        }

        .badges a.badge5 {
            width: 171px;
            background-position-x: -580px;
        }

    .badges .trustMark a {
        background: none
    }

/* Printink bootstrap */

.clear {
    clear: both
}

.ink-bootstrap-margin {
    margin: 0 -15px
}

.ink-xs-6:nth-child(odd) {
    clear: left;
}

.ink-xs-1, .ink-sm-1, .ink-md-1, .ink-lg-1, .ink-xs-2, .ink-sm-2, .ink-md-2, .ink-lg-2, .ink-xs-3, .ink-sm-3, .ink-md-3, .ink-lg-3, .ink-xs-4, .ink-sm-4, .ink-md-4, .ink-lg-4, .ink-xs-5, .ink-sm-5, .ink-md-5, .ink-lg-5, .ink-xs-6, .ink-sm-6, .ink-md-6, .ink-lg-6, .ink-xs-7, .ink-sm-7, .ink-md-7, .ink-lg-7, .ink-xs-8, .ink-sm-8, .ink-md-8, .ink-lg-8, .ink-xs-9, .ink-sm-9, .ink-md-9, .ink-lg-9, .ink-xs-10, .ink-sm-10, .ink-md-10, .ink-lg-10, .ink-xs-11, .ink-sm-11, .ink-md-11, .ink-lg-11, .ink-xs-12, .ink-sm-12, .ink-md-12, .ink-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.ink-xs-1, .ink-xs-2, .ink-xs-3, .ink-xs-4, .ink-xs-5, .ink-xs-6, .ink-xs-7, .ink-xs-8, .ink-xs-9, .ink-xs-10, .ink-xs-11, .ink-xs-12 {
    float: left;
}

.ink-xs-12 {
    width: 100%;
}

.ink-xs-11 {
    width: 91.66666667%;
}

.ink-xs-10 {
    width: 83.33333333%;
}

.ink-xs-9 {
    width: 75%;
}

.ink-xs-8 {
    width: 66.66666667%;
}

.ink-xs-7 {
    width: 58.33333333%;
}

.ink-xs-6 {
    width: 50%;
}

.ink-xs-5 {
    width: 41.66666667%;
}

.ink-xs-4 {
    width: 33.33333333%;
}

.ink-xs-3 {
    width: 25%;
}

.ink-xs-2 {
    width: 16.66666667%;
}

.ink-xs-1 {
    width: 8.33333333%;
}

/* Mobile kategorije HP */

.cat-mobile {
    background: #f8f8f8;
    padding: 2% 5% 0;
    margin: 0 -5%;
    float: left;
    width: 110%;
}

    .cat-mobile div {
        width: 32%;
        float: left;
        margin-bottom: 1.5%
    }

        .cat-mobile div:nth-child(1),
        .cat-mobile div:nth-child(4) {
            margin-right: 2%
        }

        .cat-mobile div:nth-child(3),
        .cat-mobile div:nth-child(6) {
            margin-left: 2%
        }

        .cat-mobile div a {
            background: #FFF;
            border-radius: 4px;
            width: 100%;
            height: 63px;
            display: inline-block;
            color: #000
        }

    .cat-mobile table {
        vertical-align: middle;
        height: 63px
    }

        .cat-mobile table td {
            vertical-align: middle;
            width: 50%;
            padding: 5px
        }

.page-body .cat-desktop.cat-mobile {
    margin-bottom: 20px;
}


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

    .top-menu .megamenu-node {
        display: none !important
    }

    .gallery .picture-thumbs {
        display: none
    }

    img.justifyMobile {
        margin-left: 50%;
        transform: translateX(-50%);
        width: initial;
        max-width: 250%;
    }

    /* Hide under 1000px */

    .hideUnder1000 {
        display: none
    }

    /* Segmentify

    .product-grid .seg-slider .item-box {
        border: 1px solid #f8f8f8
    }

    .product-grid .seg-slider .item-box .details {
        width: 70%;
        float: left;
        padding: 10px 0 10px 0;
    }

    .product-grid .seg-slider .item-box .picture {
        width: 27%;
        float: left;
        margin-right: 3%;
    }

    .product-grid .seg-slider .item-box .product-title {
        text-align: left;
        font-size: 12px;
        line-height: 14px;
        height: 36px;
        overflow: hidden;
        padding: 0 10px 5px 0;
    }

    .product-grid .seg-slider .item-box .prices {
        text-align:left
    }

     */

    /* Procenti */

    .discountCircle {
        width: 55px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
    }

    /* Filtri */

    .filter-content {
        display: none
    }

        .filter-content.open {
            display: block
        }

    /* START BDO košarica */

    .shopping-cart-page .product-grid.action-sells .title {
        font-size: 21px
    }

    .product-grid.action-sells .border-box-wrapper {
        width: 24.5%
    }

    .product-grid.action-sells .buttons {
        text-align: center
    }

    .product-grid.action-sells .item-box .details {
        padding: 0 5px
    }

    .cart-footer .product-grid.action-sells .item-box .product-box-add-to-cart-button {
        font-size: 13px
    }

    .product-grid.action-sells .buttons a {
        padding: 5px 8px
    }

        .product-grid.action-sells .buttons a.selectedDarilo {
            padding-right: 35px
        }

    /* END BDO košarica */

    .page-title {
        margin: 0 0 20px
    }

    .topic-block-body {
        font-size: 14px;
        line-height: 18px
    }

    .header-links-wrapper {
        float: right;
        width: 60%
    }

    .personal-menu select {
        height: 30px;
        background: url(../images/sprite.png) 0 -1079px no-repeat;
        color: transparent;
        width: 0;
        border: transparent;
        margin-left: 10px
    }

        .personal-menu select option {
            color: #4a0f53
        }

    .cart {
        display: block
    }

        .cart colgroup,
        .cart thead {
            display: none
        }

        .cart tbody {
            display: block;
            overflow: hidden
        }

        .cart tr {
            display: block;
            float: left;
            width: 100%;
            margin: 20px 0 0;
            border: 1px solid #ddd
        }

        .cart td {
            display: block;
            border-bottom: 0 solid #e2e2e2;
            padding: 10px
        }

            .cart td.remove-from-cart {
                margin: 0;
                border-bottom: 1px solid #e2e2e2;
                background-color: #eee;
                padding: 10px
            }

            .cart td.product-picture {
                padding: 5px 10px 5px;
                height: 60px;
                line-height: 50px;
            }

                .cart td.product-picture img {
                    display: inline-block;
                    vertical-align: middle;
                }

            .cart td.product {
                min-width: 0;
                min-height: 40px;
                border-bottom: 1px solid #e2e2e2;
                padding: 0px 10px 5px;
                text-align: center;
                margin-bottom: 0px
            }

            .cart td.quantity {
                border-top: 1px solid #e2e2e2;
                padding: 10px 10px 10px 10px;
                vertical-align: middle
            }

                .cart td.quantity div {
                    display: inline-block
                }

            .cart td.unit-price,
            .cart td.subtotal {
                display: inline-block;
                padding: 5px 10px;
                vertical-align: middle;
                font-weight: normal
            }

        /* Checkout */

        .cart.opccart td.product,
        .cart.opccart td.quantity,
        .cart.opccart td.subtotal {
            text-align: left;
            padding: 5px 10px 5px;
        }

    .checkout-data .cart-footer {
        margin: 20px 0 0
    }

    .checkout-page .cart-total {
        width: 100%
    }

    .postninaAlert {
        font-size: 12px
    }

    tr.bundleitemsbg,
    tr.bundleitemsbg * {
        display: none
    }

    .order-details-page .data-table {
        display: block
    }

        .order-details-page .data-table colgroup,
        .order-details-page .data-table thead {
            display: none
        }

        .order-details-page .data-table tbody {
            display: block;
            overflow: hidden
        }

        .order-details-page .data-table tr {
            display: block;
            float: left;
            width: 100%;
            margin: 40px 0 0;
            border: 1px solid #ddd
        }

        .order-details-page .data-table td {
            display: block;
            border: 0;
            padding: 10px
        }

            .order-details-page .data-table td.product,
            .order-details-page .data-table td.tracking-number {
                min-width: 0;
                border-bottom: 1px solid #ddd;
                padding: 5px 10px 15px;
                text-align: center
            }

    .header-menu {
        position: relative;
        z-index: 1;
        width: 90%;
        margin: 0 auto 40px
    }

    .header-upper-wrapper2 #megamenu,
    .header-upper-wrapper2 #mega-menu-opener {
        display: none
    }

    .block-category-navigation {
    }

    .block .sublist {
        margin: 5px 0 5px;
    }

    .block-account-navigation {
        float: none;
        margin: 0 -2% !important;
    }

    .tier-prices table {
        width: 100%
    }

    .login-page .new-wrapper .button-1:before,
    .login-page .register-wrapper .button-1:before {
        display: block;
        content: "";
        clear: both
    }

    .login-page .register-wrapper span,
    .login-page .new-wrapper span {
        display: block
    }

    .login-page {
        padding-top: 20px
    }

        .login-page .customer-blocks div[class*="wrapper"] {
            float: left;
            width: 32%;
            border: 1px solid #dedede;
            background: #fff;
            padding: 10px;
            border-radius: 3px;
            min-height: 248px
        }

            .login-page .customer-blocks div[class*="wrapper"] .text {
                border: none;
                position: relative
            }

            .login-page .customer-blocks div[class*="wrapper"] .title {
                height: 42px;
                padding: 0;
                font-size: 14px;
                margin-bottom: 10px
            }

        .login-page .customer-blocks .new-wrapper,
        .login-page .customer-blocks .register-wrapper {
            margin-right: 1.5%;
            margin-bottom: 20px
        }

            .login-page .customer-blocks .new-wrapper .button-1,
            .login-page .customer-blocks .register-wrapper .button-1 {
                position: absolute;
                bottom: -10px;
                left: 0
            }

        .login-page .customer-blocks div.returning-wrapper {
            background: #a840b8;
            padding: 10px 15px;
            border-radius: 3px;
            border: 1px solid #a840b8
        }

            .login-page .customer-blocks div.returning-wrapper .title,
            .login-page .customer-blocks div.returning-wrapper label,
            .login-page .forgot-password a {
                color: #FFF;
                text-align: left;
                margin-bottom: 5px
            }

        .login-page .returning-wrapper .inputs.reversed .button-1 {
            background: #4a0f53
        }

            .login-page .returning-wrapper .inputs.reversed .button-1:hover {
                background: #d1b6d6
            }

        .login-page .returning-wrapper .form-fields {
            background: transparent
        }

            .login-page .returning-wrapper .form-fields .inputs {
                margin-bottom: 10px
            }

        .login-page .forgot-password {
            padding-right: 0;
            float: left;
        }

            .login-page .forgot-password a {
                font-size: 12px !important
            }

        .login-page .login-button {
            float: right
        }

        .login-page .new-wrapper .button-1,
        .login-page .button-1 {
            font-size: 14px;
            padding: 10px;
            width: 100%
        }

    .tab_left_content table tr {
        display: block;
        float: left;
        width: 100%
    }

    .custom-text {
        display: none
    }

    .swiper-inner-wrapper {
        width: 100%
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        /* left: 30px !important */
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        /* right: 30px !important */
    }

    /* START Bundle */
    .bundle-item .picture {
        display: flex
    }

        .bundle-item .picture a {
            width: 100%
        }

            .bundle-item .picture a:before {
                padding-top: 100%
            }

        .bundle-item .picture img {
            padding: 5px
        }

    .bundle-addtocart .add-to-cart-button {
        font-size: 16px;
        width: 100%
    }

    .bundle-addtocart .saving {
        font-size: 14px;
        width: 100%
    }

    .bundle-addtocart {
        width: 28%;
        margin-left: 4%;
    }

    .bundle-item {
        width: 28%
    }

    .bundle-item-plus {
        width: 30px;
        margin: 28px 15px
    }

    .bundle-item .details {
        padding: 5px 10px;
        font-size: 13px
    }

    .bundle-addtocart .saving {
        padding: 5px 10px;
    }
    /* END Bundle */
    .step-title .tooltipQmark {
        right: auto;
        margin-left: 20px;
        position: relative
    }
    /* START Search results */
    .ui-autocomplete.ui-menu .ui-menu-item a {
        display: inline-block;
        width: 100%;
        font-size: 12px
    }

    .ui-autocomplete .first {
        float: left;
        width: 75%;
        padding-right: 10px
    }

    .f-right {
        width: 25%;
        text-align: right;
    }
    /* END search results */

    /* START Homepage hide items 
    .home-page-product-grid .item-box:nth-child(4),
    .home-page-product-grid .item-box:nth-child(5),
    .home-page-product-grid .item-box:nth-child(6),
    .home-page-product-grid .item-box:nth-child(7),
    .home-page-product-grid .item-box:nth-child(8),
    .home-page-product-grid .item-box:nth-child(9),
    .home-page-product-grid .item-box:nth-child(10),
    .home-page-product-grid .item-box:nth-child(11),
    .home-page-product-grid .item-box:nth-child(12) {
        display: none
    }
    */

    /* END Homepage hide items */
    .category-description, .manufacturer-description, .vendor-description, .short-description {
        text-align: left
    }

    .badges a {
        margin: 0 8px
    }

    .block {
        min-height: 38px;
    }

        .block .title {
            padding: 11px 30px 11px 20px;
            background: #f6f6f6 url(../images/toggle-gray.png) right 8px top 9px no-repeat;
        }

    .center-2, .side-2 {
        margin: 0 0 20px
    }
    /* Opisi kategorij */
    .category-description h3 {
        font-size: 15px;
        line-height: 17px
    }

    .category-description p,
    .category-description ul li {
        font-size: 13px;
        line-height: 15px
    }

    .infoBox .phoneSupport {
        font-size: 32px
    }

    /* braintree */

    .body-checkout-page.card-payment-page .checkout.container {
        width: 65%
    }
}

@media all and (min-width:375px) {
    .povprasevanje.showPromoContactUsButton,
    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button {
        width: 70%
    }

    .tier-prices .title {
        background: url(../images/sprite.png) left -285px no-repeat;
    }

    .checkout-badges p {
        font-size: 12px
    }

    .page.home-page .page-body {
        padding-top: 410px
    }

    .bannersExist .page.home-page .page-body {
        padding-top: 700px
    }
}

@media all and (min-width:420px) {
    .povprasevanje.showPromoContactUsButton,
    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button {
        width: 74%
    }

    .page.home-page .page-body {
        padding-top: 440px
    }

    .bannersExist .page.home-page .page-body {
        padding-top: 750px
    }
}

@media all and (min-width:520px) and (max-width:768px) {

    .product-list-highlight {
        margin: -5px
    }

    .plh-main {
        width: 33.3%;
        text-align: center;
        padding: 0 5px
    }

        .plh-main header {
            margin: 0;
            font-size: 13px
        }

    .plh-td-1 {
        width: 100%;
        padding: 5px;
    }

    .plh-td-2 {
        display: none !important
    }

    .plh-td-3 {
        width: 100%;
        padding: 5px;
    }

    .product-list-highlight .plh-inner .price.actual-price {
        display: inline-block
    }

    .product-list-highlight .plh-inner .plh-badge {
        top: -1px
    }

    .category-description .plh-inner td {
        display: initial
    }

    .plh-img {
        width: 80%;
        position: relative;
        background: #fff;
        margin: auto;
    }

        .plh-img:after {
            content: " ";
            display: block;
            padding-bottom: 100%;
        }

        .plh-img img {
            position: absolute;
            width: 90%;
            left: 0;
            margin: auto;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .ink-flex-wire.ink-flex-w50 h3 {
            font-size:150%;
            line-height: 120%
        }
}

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

    /* Flex View */

    .ink-flex-wire.ink-xs-6 {
        width: 31.75%
    }

    .ink-flex-wire.ink-flex-w50.ink-xs-6 {
        width: 48.5%
    }

    /* Kuponi */

    .category-page .couponListMain .item-box,
    .couponListMain .item-box {
        margin-bottom: 10px
    }

    .page.home-page .page-body {
        padding-top: 450px;
    }

    .bannersExist .page.home-page .page-body {
        padding-top: 825px
    }

    /* Homepage Swiper */

    .home-page-product-grid .rpSwiperPrev {
        left: -4%
    }

    .home-page-product-grid .rpSwiperNext {
        right: -4%
    }

    /* Wizard - printer */

    .printer-widget-grid .item-box.item-box-custom-html li.item {
        width: 49%;
        display: inline-block
    }

        .printer-widget-grid .item-box.item-box-custom-html li.item:nth-child(even) {
            float: right
        }

        .printer-widget-grid .item-box.item-box-custom-html li.item:nth-child(odd) {
            float: left
        }

    .item-box.wizardPrinter4 li.item {
        height: 22px
    }

    .wizard-wrapper .sub-category-grid {
        margin: 0 -10px
    }

    .printer-widget-grid .item-box li.item span {
        font-size: 12px;
        padding: 5px;
        margin-bottom: 6px;
    }

    .item-box.wizardPrinter5 li.item span {
        margin-right: 0;
        margin-bottom: 5px !important
    }

    .printer-widget-grid .item-box.wizardPrinter0 li.item span,
    .printer-widget-grid .item-box.wizardPrinter2 li.item span,
    .printer-widget-grid .item-box.wizardPrinter3 li.item span {
        padding: 5px;
        margin-bottom: 6px;
    }

    .printer-widget-grid .item-box li.item-linear {
        margin-right: 5px
    }

    .printer-widget-grid .item-box.wizardPrinter0,
    .printer-widget-grid .item-box.wizardPrinter1,
    .printer-widget-grid .item-box.wizardPrinter2 {
        height: 155px
    }

    .printer-widget-grid .item-box {
        padding: 5px
    }

        .printer-widget-grid .item-box h3 {
            font-size: 11px
        }

    .item-box.wizardPrinter5 h3 {
        display: none
    }

    .master-wrapper-content,
    .header-menu,
    .white-wrapper-content,
    .tabs-div-wrapper-content {
        width: 92.5%
    }

    .block {
        margin: 0 -2%;
    }

    .cart tr {
        width: 46%;
        margin: 20px 2% 0
    }

        .cart tr:nth-child(2n+1) {
            clear: both
        }

    .order-details-page .data-table tr {
        width: 46%;
        margin: 40px 2% 0
    }

        .order-details-page .data-table tr:nth-child(2n+1) {
            clear: both
        }

    .search-box div.span {
        display: inline-block
    }

    .search-box input.search-box-text {
        width: 70%
    }

    .search-box .search-wrapper,
    .search-box .search-wrapper2,
    .search-box input.search-box-text,
    .search-box .search-box-button,
    .search-box div.span {
        height: 60px
    }

    .search-box .search-box-button {
        background: #fff url(../images/sprite.png) 20px -60px no-repeat;
    }

    .printer-box div.span {
        display: block
    }

    .borderRadiusTp {
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0
    }

    .ui-autocomplete img {
        display: inline
    }

    .footer-block,
    .footer-block-grey {
        width: 85%
    }

    .product-filter {
        display: table-cell;
        vertical-align: top;
        text-align: left
    }

        .product-filter.price-range-filter {
            width: 200px
        }

        .product-filter .product-spec-group {
            float: left;
            margin: 0 25px 10px 0
        }

        .product-filter .group li.item {
            display: block;
            margin: 0
        }

    .item-box {
        width: 49%;
        margin: 0 .5% 0
    }

    .product-grid.action-sells .item-box {
        margin: 0
    }

    .wizard-wrapper .sub-category-grid .item-box {
        width: 32%;
        margin: 5px 0.5% 0.5%
    }

    .sub-category-grid .item-box {
        width: 32%;
        margin: 0 0.5% 5px
    }

    .printer-widget-grid .item-box.item-box-linear.item-box-custom-html {
        width: 98%
    }

    .sub-category-grid .item-box:nth-child(2n+1) {
        clear: none
    }

    .sub-category-grid .picture {
        margin-top: 20px
    }

    .category-list-small .sub-category-grid .picture {
        margin-top: 0
    }

    .sub-category-grid .title {
        min-height: 40px
    }

        .sub-category-grid .title a {
            padding: 6px 0 6px;
            min-height: 42px
        }

    .border-box-wrapper {
        padding: 0 0 30px
    }

    .product-list .item-box:nth-child(2n+1) {
        clear: none
    }

    .item-box:nth-child(2n+1) {
        clear: both
    }

    .item-box .product-rating-box {
        margin: 0 0 15px
    }

    .item-box .prices {
        height: 85px
    }

    .item-box .product-title {
        height: 50px;
        margin: 0 0 1px
    }

    .overview-buttons div {
        display: inline-block;
        width: auto;
        margin: 0 1px 2px
    }

    .ui-tabs-nav li {
        display: inline-block;
        min-width: 150px;
        margin: 0 5px -1px;
        margin: 0 5px -1px !important
    }

    .private-messages-page .buttons .button-1,
    .private-messages-page .buttons .button-2,
    .private-message-view-page .buttons .button-1,
    .private-message-view-page .buttons .button-2 {
        display: inline-block;
        width: auto;
        margin: 1px
    }

    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button {
        padding: 0 45px
    }

    .gallery .picture:before {
        padding-top: 100%
    }

    .gallery .picture-thumbs a {
        width: 100px;
        height: 100px;
        border-left: 1px solid #dbdbdb;
    }

    .povprasevanje.showPromoContactUsButton,
    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button {
        width: 78%
    }

    .overview .availability .prednarocilo,
    .overview .availability .stock, .variant-overview .availability .stock {
        font-size: 12px;
        line-height: 12px
    }

    .checkout-badges > div {
        width: 50%
    }

        .checkout-badges > div.checkoutbadge2 {
            display: block
        }

        .checkout-badges > div.checkoutbadge3 {
            display: none
        }

    .product-grid.action-sells.action-darila .item-box.swiper-slide {
        width: 50%;
    }
}

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

    .page.home-page .page-body {
        padding-top: 480px;
    }
}

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

    .printer-widget-grid .item-box.wizardPrinter3,
    .printer-widget-grid .item-box.wizardPrinter4,
    .printer-widget-grid .item-box.wizardPrinter5 {
        height: 155px
    }

    .povprasevanje {
        color: #8f8f8f;
        font-size: 14px;
        font-weight: 300;
        vertical-align: middle;
        margin: 10px 0 0 30px;
        border-left: 1px solid #dbdbdb;
        padding-left: 12px;
        line-height: 27px;
        float: left;
        width: auto;
        padding-top: 0;
        border-top: none
    }

    .overview .add-to-cart-panel, .variant-overview .add-to-cart-panel {
        padding-bottom: 30px;
        width: auto
    }

    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button {
        height: 50px;
        border: 0;
        background-color: #b755c6;
        background: linear-gradient(90deg, rgba(145,52,161,1) 0%, rgba(168,64,184,1) 60%);
        padding: 0 20px;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        margin-left: 20px;
        border-radius: 0;
        width: auto;
        float: left;
        transition: all .3s;
    }

    .povprasevanje.showPromoContactUsButton {
        width: auto;
        margin-top: 0
    }

    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button {
        font-size: 15px
    }

    .gallery .picture:before {
        padding-top: 65%
    }

    .related-products-grid .item-box .product-box-add-to-cart-button {
        font-size: 15px
    }

    .checkout-badges > div {
        width: 34%
    }

        .checkout-badges > div.checkoutbadge2 {
            display: block;
            width: 40%
        }

        .checkout-badges > div.checkoutbadge3 {
            display: block;
            width: 26%
        }

    /* Ponudba v košarici BDO */

    .product-grid.action-sells .item-box {
        /* width:24.5%;
        margin:0 0.25% */
        width: initial
    }

        .product-grid.action-sells .item-box.swiper-slide {
            margin: 0;
            border: 2px solid #f8f8f8
        }

    .product-grid.action-sells.extra-offer .item-box.swiper-slide {
        margin: 0;
        border: none
    }

    .product-grid.action-sells .item-box:nth-child(3n+1) {
        clear: none
    }

    .product-grid.action-sells .border-box-wrapper {
        width: 95%
    }

    .product-grid.action-sells .item-box .product-box-add-to-cart-button {
        font-size: 14px
    }

    .shopping-cart-page .product-grid.action-sells .item-box .actual-price {
        font-size: 18px;
        margin-top: -5px
    }

    .product-grid.action-sells .item-box .prices {
        height: 45px
    }

    .product-grid.action-sells.action-darila .item-box.swiper-slide {
        margin: 8px 0
    }

    /* START izpis kategorij pri filtrih - min-580 */

    .category-list-small .item-box {
        width: 32%;
        max-width: calc(33% - 1px)
    }

    /* END izpis kategorij pri filtrih - min-580 */

}

@media all and (max-width:991px) {
    .pokaziPrinterje,
    .skrijPrinterje {
        position: absolute;
        top: 44px;
        right: 0
    }

    .zaupajonam,
    .moznosti_placila a {
        font-size: 12px
    }
}

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

    .personal-menu a.ico-login {
        background: none
    }

    .body-checkout-page #topcartlink {
        margin-top: 0px
    }

    .swiper-pagination {
        display: none
    }

    /* Popusti */

    .discountCircle {
        width: 50px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    /* Info Box */

    .infoBox {
        margin-top: 35px !important
    }

    .infoLeasePrinter:before,
    .infoPhoneSupport:before {
        top: 5px !important
    }

    /* Izpostavljeni izdelki */

    .plh-more-lnk {
        display: none
    }

    /* START BDO košarica */

    .product-grid.action-sells .product-item {
        display: initial
    }

    .product-grid.action-sells .item-box:nth-child(2n+1) {
        clear: none
    }

    .shopping-cart-page .product-grid.action-sells .title {
        font-size: 15px
    }

    .shopping-cart-page .product-grid.action-sells .item-box .product-title {
        font-size: 11px;
        line-height: 13px;
        height: 30px;
        overflow: hidden;
        padding-bottom: 5px
    }

    .shopping-cart-page .product-grid.action-sells .item-box .actual-price {
        font-size: 13px;
        margin-top: -2px;
    }

    .shopping-cart-page .product-grid.action-sells .item-box .prices {
        font-size: 11px;
        height: 25px;
        padding-top: 10px
    }

    .shopping-cart-page .product-grid.action-sells .border-box-wrapper {
        padding: 0 0 5px
    }

    .shopping-cart-page .product-grid.action-sells .item-box input[type="button"] {
        height: 24px
    }

    .product-grid.action-sells .buttons {
        text-align: center;
        min-height: 20px;
        padding: 8px 5px;
    }

    .cart-footer .product-grid.action-sells .buttons a.selectedDarilo {
        padding-right: 25px;
        background: darkcyan url(../images/sprite.png) no-repeat right -19px top -1307px
    }

    .product-grid.action-sells .item-box .details {
        padding: 0
    }

    .cart-footer .product-grid.action-sells .item-box .product-box-add-to-cart-button {
        font-size: 10px;
        padding: 5px
    }

    .product-grid.action-sells .buttons a {
        padding: 5px
    }

        .product-grid.action-sells .buttons a.selectedDarilo {
            padding-right: 35px
        }

    /* END BDO košarica */

    /* Mobile slider */

    .swiper-entry-wrapper {
        padding-top: 0;
    }

    .swiper-inner-wrapper {
        width: 110%;
        margin: 0 -5%;
    }

    .swiper-entry-wrapper .swiper-slide {
        width: 100% !important;
        margin-bottom: -6px
    }

        .swiper-entry-wrapper .swiper-slide a img {
            border: none
        }

    /* Mobile menu */

    body.open .megamenu-menu-telefon li,
    body.open .mMenuTitle,
    body.open .megamenu-menu li:nth-child(1) {
        background: #2d0533;
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

        body.open .megamenu-menu-telefon li,
        body.open .mMenuTitle,
        body.open .megamenu-menu li:nth-child(1) a {
            color: #FFF !important;
            pointer-events: none;
            cursor: default;
            font-size: 16px;
            font-weight: 100;
            text-transform: uppercase
        }

    .megamenu-menu-support a {
        color: #FFF
    }

    body.open .megamenu-menu-telefon li {
        position: relative
    }

    body.open .megamenu-menu-telefon b {
        position: absolute;
        top: 50px;
        color: #FFF;
        font-size: 27px;
    }

    body.open .megamenu-menu-telefon span {
        position: absolute;
        top: 80px;
        color: #FFF;
        font-size: 12px;
        padding-left: 35px;
        background: url(../images/sprite.png) 0 -598px no-repeat;
        display: inline-block;
        height: 45px;
        padding-top: 3px;
    }

    body.open .megamenu-node {
        display: none !important
    }

    body.open ul.megamenu-menu li {
        width: 260px;
        padding: 7px 35px;
    }

        body.open ul.megamenu-menu li a {
            color: #d1b6d6;
            text-transform: uppercase
        }

    body.open ul.megamenu-menu-support li,
    body.open ul.megamenu-menu-telefon li {
        width: 260px;
        padding: 7px 35px;
    }

    body.open div#megamenu {
        position: fixed;
        left: -260px;
        text-align: left;
        font-size: 14px;
        top: 0;
        display: block !important
    }

    .bg-holder {
        position: fixed;
        width: 260px;
        z-index: -1;
        top: 0;
        left: -260px;
        bottom: 0;
        height: 100%;
        line-height: 1em;
        text-align: left;
        overflow: auto;
        background-color: #4a0f53;
        -moz-osx-font-smoothing: auto;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        visibility: visible
    }

    #megamenu {
        position: fixed;
        width: 260px;
        top: 50px;
        left: -260px;
        bottom: 0;
        height: 100%;
        line-height: 1em;
        text-align: left;
        overflow: auto;
        background-color: #4a0f53;
        -moz-osx-font-smoothing: auto;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        visibility: visible;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -moz-transition: -moz-transform .2s ease-in-out;
        -ms-transition: -ms-transform .2s ease-in-out;
        -o-transition: -o-transform .2s ease-in-out;
        transition: transform .2s ease-in-out
    }

        #megamenu.open {
            left: 0
        }

    body.open .master-wrapper-page {
        position: fixed;
        -webkit-transform: translatex(260px);
        -webkit-transform: translate3d(260px, 0, 0);
        -moz-transform: translatex(260px) translatez(0);
        -moz-transform: translate3d(260px, 0, 0);
        -ms-transform: translatex(260px) translatez(0);
        -ms-transform: translate3d(260px, 0, 0);
        -o-transform: translatex(260px) translatez(0);
        -o-transform: translate3d(260px, 0, 0);
        transform: translatex(260px) translatez(0);
        transform: translate3d(260px, 0, 0);
        width: 100%
    }

    .header-menu {
        width: auto
    }

    .menu-toggle {
        background: url(../images/sprite.png) 10px -1004px no-repeat;
        margin-left: -10px;
        background-size: 100%;
        padding: 15px;
        font-size: 15px;
        font-weight: bold;
        color: transparent;
        font-size: 0px;
        text-transform: uppercase;
        cursor: pointer;
        float: left;
        height: 40px;
        width: 40px;
        margin-top: 8px;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -moz-transition: -moz-transform .2s ease-in-out;
        -ms-transition: -ms-transform .2s ease-in-out;
        -o-transition: -o-transform .2s ease-in-out;
        transition: transform .2s ease-in-out
    }

        .menu-toggle.open {
            background: url(../images/sprite.png) 10px -1039px no-repeat;
            background-size: 100%
        }

    .master-wrapper-page {
        -webkit-transition: -webkit-transform .14s;
    }

    .header-links-wrapper {
        float: right;
        width: 30%;
    }

    .header-links ul {
        font-size: 0;
        float: right;
    }

    #topcartlink {
        background: url(../images/sprite.png) 8px -1143px no-repeat;
        height: 40px;
        margin-top: 7px;
        background-size: initial
    }

        #topcartlink span.cart-qty {
            top: 6px;
            right: 2px;
            height: 18px;
            width: 18px;
            line-height: 20px;
            font-size: 11px;
        }

    a.ico-cart {
        position: relative;
        font-size: 0;
        width: 40px;
        height: 40px;
        padding-top: 30px
    }

    .personal-menu {
        display: block;
        width: 40px;
        float: right;
        background: url(../images/sprite.png) 7px -1114px no-repeat;
        margin-right: 0;
        margin-top: 17px;
        padding: 0
    }

        .personal-menu span {
            display: none
        }

        .personal-menu a.ico-login {
            width: 100%;
            height: 100%;
            font-size: 0
        }

        .personal-menu a.account {
            display: none
        }

        .personal-menu select {
            background: none;
            position: relative;
            right: 28px
        }

    .header-upper-wrapper2 .header-lower {
        display: none
    }

    .footer {
        border-top: none
    }

    .footer-upper {
        padding-top: 0px;
        width: 100%
    }

    .footer-grey {
        padding-bottom: 40px
    }

        .footer-grey a {
            color: #c5c5c5;
            font-size: 15px;
            line-height: 20px;
            padding: 0px
        }

        .footer-grey .title {
            display: block;
            text-align: left
        }

            .footer-grey .title strong {
                display: none;
            }

        .footer-grey .list {
            display: block;
            padding-top: 10px
        }

            .footer-grey .list li {
                display: block;
                text-align: center;
                padding: 10px 5px;
                width: 33%;
                float: left;
            }

    .footer-block {
        border: 0;
        width: 90%;
        text-align: center
    }

        .footer-block .list {
            margin-bottom: 10px
        }

            .footer-block .list a {
                padding: 5px 0
            }

        .footer-block.follow-us ul {
            margin: 0 0 10px
        }

        .footer-block.follow-us .title {
            display: none
        }

    .header-upper-trust-wrapper {
        display: none
    }

    .footer-info {
        margin-top: 15px
    }

    .footer-powered-by {
        text-align: center;
        margin: 25px 10px 10px
    }

    .header-logo {
        width: auto;
        min-width: 25%;
        margin-left: 26%;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .hideOnSmall {
        display: none
    }

    .overview .prices > div.product-price,
    .variant-overview .prices > div.product-price {
        display: block;
        margin-bottom: 10px
    }

    .tier-prices table tr:first-child td {
        vertical-align: top;
        padding: 10px 10px 3px 10px
    }

    .tier-prices table tr:last-child td {
        vertical-align: top;
        padding: 3px 10px 10px 10px
    }

    .category-description td {
        display: inline-block
    }

    .item-box .product-title {
        line-height: 17px
    }

    .item-box .picture a:before {
        padding-top: 50%
    }

    .item-box2 .product-rating-box {
        margin: 20px 0 5px
    }

    .bundle-item .picture a img {
        max-width: 80%
    }

    .product-list .product-item,
    .product-grid .product-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .product-list .product-item .detailsprice,
        .product-grid .product-item .details {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
        }

    .product-list .item-box .product-item .details {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        padding: 0
    }

    .home-page-product-grid.product-grid .item-box .product-item .prices {
        padding-top: 10px
    }

    .product-grid .item-box .product-item .prices,
    .product-list .item-box .product-item .prices {
        padding-top: 5px
    }

    .oldprice-wraper {
        display: none
    }

    .overview.singleItem {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-top: 10px
    }

    .overview .short-description {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        text-align: left;
        width: 100%
    }

    .overview.singleItem span[itemprop="offers"] {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 100%
    }

    span[itemprop="aggregateRating"],
    .product-review-box {
        width: 100%
    }

    .rating {
        margin: 0 auto
    }

    .singleItem .product-name2 {
        text-align: center;
        width: 100%
    }

    .bundle-addtocart .saving {
        font-size: 13px;
        width: 100%
    }

    .bundle-addtocart .add-to-cart-button {
        font-size: 14px
    }

    .related-products-grid .priceDDV {
        font-size: 13px
    }

    .related-products-grid .price.actual-price {
        font-size: 25px;
        margin-top: -10px;
        margin-right: 0
    }

    .footer-lower {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

        .footer-lower .footer-info {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
            width: 100%
        }

        .footer-lower .footer-powered-by {
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
            width: 100%
        }
    /* START Homepage hide items */

    /* END Homepage hide items */

    .block-account-navigation {
        float: none;
        margin: 0 -4% !important;
    }

    /* Košarica */

    .cart td.unit-price {
        display: none
    }

    .cart td.quantity {
        float: left;
        border: none
    }

        .cart td.quantity label {
            display: none
        }

        .cart td.quantity input {
            width: 40px;
            float: none
        }

        .cart td.quantity a.deductqnt {
            float: left;
            margin: 0 11px 0 0
        }

        .cart td.quantity a.addqnt {
            float: right;
            margin: 0 0 0 11px
        }

    .cart td.remove-from-cart {
        float: right;
        background: none;
        border: none;
        min-width: 60px
    }

    .cart .remove-from-cart .delete {
        height: 24px;
        background: url(../images/sprite.png) 0 -398px no-repeat;
    }

    .cart td.subtotal {
        width: 100%;
        text-align: center;
        border-top: 1px solid #e2e2e2;
    }

    .cart-footer .totals .checkout-buttons {
        width: 240px;
        margin: 0 auto
    }

    /* Checkout */

    .opc .step {
        padding: 10px 15px;
        margin: 0
    }

    .opc .step-title {
        padding: 5px 15px
    }

    .step-title span.tooltipQmark {
        float: right;
        top: 8px
    }

    .opc .section {
        margin: 0
    }

        .opc .section.billing-new-address-form, .opc .section.existing-addresses {
            margin-top: 10px
        }

    .opc .tab-section {
        margin-bottom: 15px
    }

    .opc .enter-address .edit-address {
        margin: 10px 0
    }

    .shipping-method .method-list, .payment-method .method-list {
        margin: 0 auto
    }

    .cart.opccart td.quantity label {
        display: inline-block
    }

    .checkout-data .cart-footer {
        margin: 20px 0 0
    }

    .opc,
    .opc .inputs,
    .opc .inputs label,
    .opc .step,
    .checkout-data .message-error,
    .checkout-data .field-validation-error,
    .checkout-data .username-not-available-status,
    .checkout-data .poll-vote-error,
    .checkout-data .password-error {
        text-align: left
    }

    .shipping-method .method-list, .payment-method .method-list {
        text-align: left
    }

        .shipping-method .method-list li, .payment-method .method-list li {
            margin: 10px 0 0
        }

    .opc .cart-footer .totals {
        padding: 0;
        margin: 0 auto;
        width: 100%
    }

    .checkout-page .total-info {
        padding: 5px 0 10px
    }

    .payment-info .info {
        padding: 10px 0 0
    }

        .payment-info .info p {
            margin-bottom: 0
        }

    .opc .cart-collaterals {
        margin: 0 auto
    }

    .checkout-page .checkout-data .button-1 {
        margin-left: 18%
    }

    .badges a,
    .badges a:hover {
        background-position-y: -77px;
        height: 55px
    }

        .badges a.badge1 {
            width: 84px;
        }

        .badges a.badge2 {
            width: 77px;
            background-position-x: -102px;
        }

        .badges a.badge3 {
            width: 126px;
            background-position-x: -195px;
        }

        .badges a.badge5 {
            width: 100px;
            background-position-x: -339px;
        }

    /* Skrije prvi TD pri opisu kategorij */
    .categoryDescTable td:nth-child(1) {
        display: none
    }

    /* braintree */

    .body-checkout-page.card-payment-page .checkout.container {
        width: 80%
    }

    .body-checkout-page.card-payment-page #payment-form .button-1 {
        width: 100%;
    }
}

@media all and (max-width:768px) and (max-height:500px) {
    body.open div#megamenu {
        font-size: 12px
    }

    body.open ul.megamenu-menu-support li,
    body.open ul.megamenu-menu-telefon li,
    body.open ul.megamenu-menu li {
        padding: 5px 40px
    }

    body.open .megamenu-menu-telefon li,
    body.open .mMenuTitle,
    body.open .megamenu-menu li:nth-child(1) a {
        font-size: 14px
    }

    body.open .megamenu-menu-telefon li,
    body.open .mMenuTitle,
    body.open .megamenu-menu li:nth-child(1) {
        padding: 7px 40px !important
    }

    body.open .megamenu-menu-telefon b {
        top: 40px
    }

    body.open .megamenu-menu-telefon span {
        top: 65px
    }
}

@media all and (max-width:768px) and (max-height:420px) {

    body.open .megamenu-menu-telefon li {
        background: no-repeat;
        padding: 0 40px !important;
        text-indent: -999999em;
    }

        body.open .megamenu-menu-telefon li b,
        body.open .megamenu-menu-telefon li span {
            text-indent: 0em;
        }

    body.open .megamenu-menu-telefon b {
        top: 15px
    }

    body.open .megamenu-menu-telefon span {
        top: 40px
    }
}

@media all and (max-width:768px) and (max-height:350px) {
    body.open .megamenu-menu-telefon span {
        display: none
    }
}

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

    .opc {
        width: 68%;
        margin: 0 auto
    }

    /* START Tawk.To - chat */

    .tawkToHide {
        display: none !important
    }

    /* END Tawk.To - chat */

    #tawkchat-minified-wrapper,
    .cd-mob-chat-widget,
    #clickdesk-appendable-bubble {
        display: none
    }

    /* CTA header */

    .header-cta {
        /* display:none */
    }

    /* Prijava */
    .login-page .customer-blocks div.returning-wrapper .inputs label {
        font-size: 12px
    }

    .login-page .customer-blocks div[class*="wrapper"] .title {
        height: auto
    }

    .login-page .title strong span {
        display: none
    }

    .login-page .customer-blocks div.returning-wrapper {
        position: absolute;
        top: 20px;
        right: 0;
        width: 48%
    }

    .tabs-div-wrapper .login-page .customer-blocks .new-wrapper,
    .tabs-div-wrapper .login-page .customer-blocks .register-wrapper {
        float: none;
        width: 48%;
        min-height: initial
    }

        .tabs-div-wrapper .login-page .customer-blocks .new-wrapper .title,
        .tabs-div-wrapper .login-page .customer-blocks .register-wrapper .title {
            display: none
        }

        .tabs-div-wrapper .login-page .customer-blocks .new-wrapper .text,
        .tabs-div-wrapper .login-page .customer-blocks .register-wrapper .text {
            padding-top: 0;
            margin: 0 0 5px;
            min-height: 80px
        }

        .tabs-div-wrapper .login-page .customer-blocks .register-wrapper .text {
            min-height: 90px
        }
}

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

    .body-checkout-page .header-upper-wrapper {
        background: #FFF
    }

    .block .list a {
        font-size: 13px
    }

    .block .sublist a {
        font-size: 13px
    }

    .swiper-container .swiper-button-prev,
    .swiper-container .swiper-button-next {
        width: 60px;
        height: 60px;
        margin-top: -30px;
    }

    .swiper-container .swiper-button-next {
        right: -30px;
        background-size: 12px;
        background-position: 12px center;
    }

    .swiper-container .swiper-button-prev {
        left: -30px;
        background-size: 12px;
        background-position: 37px center;
    }

    .product-grid .title {
        font-size: 28px
    }

    /* Info Box */

    .mobile100 {
        width: 100% !important
    }

    .category-description, .manufacturer-description, .vendor-description {
        margin: 0 0 8px
    }

        .category-description h1 {
            padding: 0 0 5px;
            margin: 0 0 8px
        }

    .categorypage-body {
        margin-top: 10px
    }

    .product-list .item-grid .item-box .actual-price {
        font-size: 17px
    }

    .item-box .prices {
        overflow: visible
    }

    /* Printer Wizard */

    .product-sorting span {
        display: none
    }

    .product-sorting select {
        font-size: 12px
    }

    .product-selectors {
        margin: 10px -20px 0;
        padding: 0 0 10px 0
    }

    /* BDO košarica */

    .product-grid.action-sells .item-box {
        /* width:48%;
        margin:10px 1% */
        width: initial
    }

    .shopping-cart-page .product-grid.action-sells .border-box-wrapper {
        width: 100%;
        float: left
    }

    .product-grid.action-sells .product-item {
        float: left;
        width: 100%
    }

    .product-grid.action-sells .item-box .details {
        width: 70%;
        float: left;
        padding: 10px 0 10px 0
    }

    .shopping-cart-page .product-grid.action-sells .item-box .product-title {
        text-align: left;
        margin-bottom: 0
    }

    .shopping-cart-page .product-grid.action-sells .item-box .prices {
        padding-top: 5px;
        height: unset
    }

    .product-grid.action-sells .buttons {
        padding-left: 0px
    }

    .product-grid.action-sells .item-box .picture {
        width: 27%;
        float: left;
        margin-right: 3%
    }

        .product-grid.action-sells .item-box .picture a:before {
            padding-top: 60px
        }

    /* - BDO Swiper - 

    .product-grid.action-sells .item-box.swiper-slide .product-item div {
        width: 90%;
        margin: 0 auto
    }

    .product-grid.action-sells .item-box.swiper-slide .product-item .details h2 {
        text-align: center;
        margin: 0 30px;
    }

    .product-grid.action-sells .item-box.swiper-slide .details .prices {
        padding: 5px 0
    }

    */
    .cart-footer .product-grid.action-sells .item-box .product-box-add-to-cart-button {
        float: left;
        width: 100%
    }

    .product-grid.action-sells.extra-offer {
        display: none
    }

    /* Printink table */

    .printinkTbl th,
    .printinkTbl td {
        padding: 3px 10px;
        text-align: left
    }

        .printinkTbl th,
        .printinkTbl th * {
            font-size: 12px;
            line-height: 14px;
            vertical-align: top
        }

    .printinkTbl td {
        font-size: 11px;
        line-height: 13px;
        vertical-align: top
    }

    .swiper-inner-wrapper,
    .cat-mobile {
        width: 104%;
        margin: 0 -2%
    }

    .header-logo {
        margin-left: 22%
    }

    .menu-toggle {
        margin-top: 6px;
    }

    #topcartlink {
        margin-top: 5px;
    }

    .personal-menu {
        margin-top: 15px;
    }

    .body-checkout-page .header-links-wrapper {
        width: 30%
    }

    .header-links-wrapper {
        width: 18%
    }

    .picture-thumbs a.thumb-popup-link {
        display: none
    }

    .bundle-items {
        display: block;
        max-height: inherit;
    }

    .bundle-item {
        width: 42%;
        display: inline;
        min-height: 260px
    }

    .bundle-item-plus {
        width: 16%;
        display: inline;
        margin: 0
    }

    .bundle-item .picture a:before {
        padding-top: 90%
    }

    .bundle-item .details {
        padding: 10px;
        font-size: 11px;
        line-height: 12px;
    }

    .bundle-item.bundle-addtocart {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        padding: 0;
        display: block;
        text-align: center;
        float: none;
        min-height: auto;
        clear: both;
        padding-bottom: 20px
    }

    .bundle-item .normalprice {
        margin-top: 5px
    }

    .bundle-addtocart .saving {
        width: auto;
        margin-bottom: 10px
    }

    .product-essential {
        margin-bottom: 20px
    }

    .click-desk-visitor {
        display: none !important
    }

    .sub-category-grid .title a {
        font-size: 11px
    }

    .item-box .picture a:before {
        padding-top: 75%
    }

    .home-page-category-grid .picture a:before, .sub-category-grid .picture a:before {
        padding-top: 45%
    }

    .ui-tabs {
        font-size: 12px;
        line-height: 17px
    }

    .related-products-grid .product-item {
        text-align: center
    }

    .related-products-grid .item-box .product-title {
        font-size: 14px;
        line-height: 17px;
        min-height: 50px
    }

    .related-products-grid .item-box .prices {
        height: auto
    }

        .related-products-grid .item-box .prices .price {
            float: none;
            text-align: center;
            display: inline-block;
            padding-top: 15px;
            width: 100%
        }

    .click-desk-visitor {
        display: none !important
    }

    .breadcrumb .current-item {
        display: none
    }

    .item-grid .item-box .actual-price {
        font-size: 26px;
        margin-top: -11px
    }

    /* Checkout */

    .opc {
        width: 100%
    }

    /* braintree */

    .body-checkout-page.card-payment-page .checkout.container {
        width: 100%
    }

    .body-checkout-page.card-payment-page #payment-form .button-1 {
        width: 100%;
    }
}

@media all and (max-width:639px) {
    .body-cart-page .master-wrapper-content.first-wrapper {
        z-index: 1;
    }

    .body-cart-page .badges,
    .body-cart-page .footer {
        display: none
    }

    .body-cart-page table.cart-total {
        font-size: 11px
    }

        .body-cart-page table.cart-total br {
            display: none
        }

    .body-cart-page .cart-total td.cart-total-left {
        width: 65%
    }

    .body-cart-page .cart-footer .total-info {
        margin-bottom: 5px;
        padding-bottom: 5px
    }

    .body-cart-page .cart-total .order-total td {
        padding-top: 5px
    }

    .postninaAlert {
        font-size: 11px
    }
}

@media all and (max-width:639px) and (min-height:479px) {

    .body-cart-page .cart-footer .totals {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        background: #f8f8f8;
        margin: 0 auto;
        padding-bottom: 20px;
        z-index: 1
    }

    .body-cart-page .master-wrapper-content.first-wrapper {
        padding-bottom: 200px
    }
}

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

    .header-logo {
        margin-left: 26%;
        position: absolute
    }

    .body-checkout-page .header-links-wrapper {
        width: 40%
    }

    .header-links-wrapper {
        width: 20%
    }

    .cat-mobile div {
        width: 49%;
        float: left;
        margin-bottom: 1.5%
    }

        .cat-mobile div:nth-child(1),
        .cat-mobile div:nth-child(3),
        .cat-mobile div:nth-child(5) {
            margin-right: 2%
        }

        .cat-mobile div:nth-child(3),
        .cat-mobile div:nth-child(6) {
            margin-left: 0
        }

        .cat-mobile div:nth-child(4) {
            margin-right: 0
        }

    .badges {
        display: none
    }

    .login-page .customer-blocks div.returning-wrapper {
        width: 100%;
        position: initial
    }

    .tabs-div-wrapper .login-page .customer-blocks .new-wrapper,
    .tabs-div-wrapper .login-page .customer-blocks .register-wrapper {
        float: left;
        height: 120px
    }

        .tabs-div-wrapper .login-page .customer-blocks .new-wrapper .text,
        .tabs-div-wrapper .login-page .customer-blocks .register-wrapper .text {
            min-height: 90px
        }

    .tabs-div-wrapper .login-page .customer-blocks .register-wrapper {
        margin-left: 2.5%;
        margin-right: 0
    }

    .login-page .customer-blocks div.returning-wrapper .inputs label {
        float: left;
        width: 15%;
        line-height: 30px
    }

    .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="password"] {
        float: left;
        width: 85%
    }

    .login-page .returning-wrapper .field-validation-error {
        float: left
    }

    .login-page .customer-blocks div[class*="wrapper"] {
        min-height: unset
    }

    .login-page .new-wrapper .button-1, .login-page .button-1 {
        font-size: 13px
    }

    .login-page .title strong span {
        display: block;
        margin-bottom: 10px
    }

    .cart-collaterals .coupon-code input[type="text"] {
        width: 65%
    }

    .cart-collaterals .coupon-code input[type="submit"] {
        width: 25%
    }

    .product-grid.action-sells .item-box.swiper-slide {
        border: 3px solid #f8f8f8
    }

    .item-box .prices {
        font-size: 13px
    }

    .item-grid .item-box .actual-price {
        font-size: 22px;
        margin-top: -8px
    }

    .item-box.wizardPrinter5 li.item span {
        padding: 3px
    }
}

@media all and (max-width:540px) {
    .wizard-wrapper .remove-filter {
        position: relative;
        bottom: 0;
        right: 0
    }

    .admActionBtnCopy, .remove-filter a, .skrijPrinterje, .pokaziPrinterje {
        background: #FFF !important;
        padding: 5px 10px !important;
        color: #a840b8 !important;
        border-radius: 3px;
        font-weight: normal !important;
        height: 26px;
        line-height: 17px;
        margin: 0 4px;
        text-transform: uppercase
    }

    .pokaziPrinterje,
    .skrijPrinterje {
        position: initial;
        display: table;
        margin: 5px auto;
        border: #8dd60d
    }

    .pokaziPrinterje {
        display: none
    }
}

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

    /* Filtri */

    .product-spec-filter #selectedContainer .item span {
        top: 2px;
        right: -3px
    }

    .home-page-product-grid .item-grid .item-box .prices {
        font-size: 12px
    }

    .home-page-product-grid .item-grid .item-box .actual-price,
    .product-grid.lazyloadingstartcontainer .item-box .actual-price,
    .product-list.lazyloadingstartcontainer .item-box .actual-price {
        font-size: 17px;
        margin-top: -2px;
        margin-right: 0;
        display: block;
        width: 100%;
        margin: 10px 0 30px;
        text-align: center;
        padding-left: 0
    }

    .discountCircle {
        width: 40px;
        height: 24px;
        line-height: 24px;
        font-size: 15px;
    }

    body {
        font: normal 12px Arial, Helvetica, sans-serif;
        line-height: 14px
    }

    .header-logo {
        margin-left: 20%;
    }

    .header-links-wrapper {
        width: 25%
    }

    .master-wrapper-content {
        width: 98%
    }

    .bundle-item {
        min-height: 220px
    }

    .bundle-item-plus {
        height: 250px
    }

    .singleItem .short-description b, .full-description p b {
        min-width: auto
    }

    .singleItem .short-description {
        line-height: 20px;
        margin-bottom: 10px
    }

    .related-products-grid.product-grid .title {
        font-size: 26px;
        line-height: 32px;
        background: none
    }

    .related-products-grid .title strong {
        padding: 0 20px
    }

    .category-page .categorypage-body .item-box {
        float: none;
        width: 47%;
        padding-bottom: 10px;
        margin: 0 1%;
        display: inline-block
    }

    .item-box2 .product-item .availability .stock {
        min-height: 30px;
        float: none
    }

    .category-page .category-grid .item-box {
        padding-bottom: 0
    }

        .category-page .category-grid .item-box .picture {
            float: left;
            width: 116px
        }

            .category-page .category-grid .item-box .picture a:before {
                padding-top: 40%
            }

    .category-page .product-grid .item-box {
        float: none;
        display: inline-block
    }

    .item-box .product-title {
        height: 46px
    }

        .item-box .product-title a {
            font-size: 12px;
            line-height: 16px
        }

    .category-page .item-grid .item-box .oldprice-wraper {
        display: none
    }

    .sub-category-grid .title {
        border-top: none;
        text-align: left;
        margin: 0;
        line-height: 25px
    }

        .sub-category-grid .title a {
            font-size: 12px
        }

    .item-box .picture a:before {
        padding-top: 60%
    }

    .item-box .prices {
        font-size: 11px
    }

    .item-box .details {
        padding: 0;
        text-align: center
    }

    .product-grid .item-box .product-item .prices, .product-list .item-box .product-item .prices, .item-box .product-title {
        text-align: center
    }

    .search-page .item-box {
        position: relative;
        width: 47%;
        float: none;
        margin: 0 0.5% 10px;
        text-align: center;
        display: inline-block;
    }

    .home-page-product-grid .item-box .details {
        padding: 0 5px
    }

    .item-box .product-box-add-to-cart-button {
        font-size: 13px
    }

    .product-grid.lazyloadingstartcontainer .item-box .actual-price,
    .product-list.lazyloadingstartcontainer .item-box .actual-price {
        font-size: 18px
    }

    .footer-grey a {
        font-size: 13px;
        font-weight: 100
    }

    .block {
        margin: 0 -3%
    }

    .block-account-navigation {
        margin: 0 -6% !important
    }

    .tabs-div-wrapper .login-page .customer-blocks .new-wrapper, .tabs-div-wrapper .login-page .customer-blocks .register-wrapper {
        float: left;
        width: 100%;
        margin: 0 0 20px 0
    }

    .login-page .customer-blocks div.returning-wrapper .inputs label {
        width: 22%
    }

    .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="password"] {
        width: 78%
    }

    .login-page .customer-blocks .new-wrapper .button-1, .login-page .customer-blocks .register-wrapper .button-1 {
        position: initial;
        width: auto;
        font-weight: bold
    }

    .tabs-div-wrapper .login-page .customer-blocks .new-wrapper .text, .tabs-div-wrapper .login-page .customer-blocks .register-wrapper .text,
    .tabs-div-wrapper .login-page .customer-blocks .new-wrapper, .tabs-div-wrapper .login-page .customer-blocks .register-wrapper {
        height: auto;
        min-height: unset
    }

    .step-title span.tooltipQmark {
        float: right;
        top: 8px
    }

    /* Printer Wizard */

    .product-sorting select {
        margin: 0 5px;
        padding: 0
    }

    .remove-filter a {
        padding: 8px 8px;
    }

    .wizard-wrapper .sub-category-grid {
        margin: 0 -15px
    }

    .printer-widget-grid .item-box {
        width: 48%;
        padding: 3px;
        height: 104px
    }

        .printer-widget-grid .item-box.wizardPrinter0 ul li:nth-child(3) span,
        .printer-widget-grid .item-box.wizardPrinter0 ul li:nth-child(4) span {
            width: 99%;
        }

        .printer-widget-grid .item-box.wizardPrinter2,
        .printer-widget-grid .item-box.wizardPrinter3 {
            height: 130px
        }

        .printer-widget-grid .item-box.item-box-linear.item-box-custom-html {
            height: 80px;
            width: 98%
        }

        .printer-widget-grid .item-box.item-box-special,
        .printer-widget-grid .item-box.item-box-linear,
        .printer-widget-grid .item-box.wizardPrinter4 {
            height: 138px
        }

        .printer-widget-grid .item-box:nth-child(odd) {
            margin-right: 1%;
        }

        .printer-widget-grid .item-box h3 {
            font-size: 11px;
            margin: 0 0 5px;
        }

            .printer-widget-grid .item-box h3 strong {
            }

        .printer-widget-grid .item-box li.item span {
            margin-bottom: 5px;
            font-weight: normal;
            padding: 3px;
            font-size: 11px;
            float: left;
            width: 49%
        }

        .printer-widget-grid .item-box.wizardPrinter1 li.item span,
        .printer-widget-grid .item-box.wizardPrinter2 li.item span,
        .printer-widget-grid .item-box.wizardPrinter3 li.item span {
            width: 100%
        }

        .printer-widget-grid .item-box li.item span:nth-child(odd) {
            margin-right: 1%
        }

        .printer-widget-grid .item-box li.item-linear {
            margin-right: 2%
        }

        .printer-widget-grid .item-box.wizardPrinter5 li.item span {
            width: 100%;
            padding: 3px
        }

    .wizard-wrapper .tooltipQmarkTouch {
        width: 14px;
        height: 14px;
        font-size: 11px
    }

    .printer-widget-grid .item-box.item-box-custom-html {
        width: 99.9%
    }

    /* VZŠ */

    #product-vzs-form .vseZasoloHelper p {
        font-size: 1em !important
    }

    /* Seznam - kategorije popusti */

    .popustiKategorijeDiv .item-box .title span {
        top: -10px;
        font-size: 12px
    }
}

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

    /* BDO košarica */

    .product-grid.action-sells .item-box {
        /* width:98%;
        margin:1% */
        width: initial
    }

    .product-grid.action-sells .buttons {
        padding: 0 5px 0 0
    }

    .product-grid.action-sells .item-box .picture {
        margin-bottom: 10px
    }

    .header-logo {
        margin-left: 25%;
        max-width: 150px;
        margin-top: 15px
    }

    .header-links-wrapper {
        width: 30%;
        height: 46px;
    }

    .opc .step {
        padding: 10px 5px
    }

    .opc .step-title {
        font-size: 15px;
        padding: 5px
    }

    .order-total .cart-total-left {
        width: 65%
    }
}

@media all and (max-width:375px) {
    .header-logo {
        max-width: 140px;
        margin-left: 20%
    }

    .bundle-item {
        min-height: 190px
    }

    .related-products-grid.product-grid .title {
        font-size: 20px;
        line-height: 30px;
        background: none
    }

    .opc .tab-section {
        padding: 5px
    }

    .opc .step-title {
        font-size: 14px
    }

    .step-title:before {
        width: 40px
    }

    .checkout-page .cart-total td.postninaAlert {
        font-size: 10px
    }

    .choose-link-new {
        padding: 2px 5px 3px 23px
    }

    .choose-link-existing {
        padding: 2px 0 3px 23px
    }
}

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

    /* Flex View */

    .ink-flex-wire.ink-xs-6 {
        width: 23.25%
    }

    .ink-flex-wire.ink-xs-12 {
        width: 48.5%
    }

    .product-details-page .product-name h1 {
        font-size: 28px
    }

    /* Grid wiev */
    .couponListMain .item-box:nth-child(2n+1),
    .item-box:nth-child(2n+1) {
        clear: none
    }

    .couponListMain .item-box:nth-child(3n+1) {
        clear: both
    }

    .category-page .item-box {
        width: 31%
    }

    .product-grid .item-box .detailsprice,
    .product-grid .item-box .details {
        padding: 5px
    }

    /* START NEW */
    .header-lower {
        display: inline-block;
        width: 100%
    }

    .printer-box {
        display: block;
        vertical-align: middle;
        float: right;
        width: 45%;
        overflow-y: visible
    }

    .dd .ddTitle .ddTitleText .ddlabel {
        font-size: 13px
    }

    .ddcommon {
        max-width: 75%
    }

    .printer-box .printer-level-wrapper {
        padding: 17px 10px 5px 15px;
    }

    .search-box {
        display: block;
        text-align: left;
        vertical-align: middle;
        float: left;
        padding-top: 15px;
        min-width: 55%;
        width: 100%
    }

    .header-lower .search-box input.search-box-text {
        width: 78%;
        font-size: 13px;
    }
    /* END NEW */


    .breadcrumb {
        margin: 5px 0 10px 0;
        padding: 5px 0;
    }

        .breadcrumb li * {
            font-size: 13px;
            line-height: 22px;
        }

    h1 {
        font-size: 28px;
    }

    .product-details-page .product-name h1 {
        padding-bottom: 17px
    }

    .search-box .title,
    .printer-box .title {
        display: block;
    }

    .overview .add-to-cart-button, .variant-overview .add-to-cart-button {
        font-size: 18px;
    }

    .product-grid.action-sells.action-darila .item-box.swiper-slide {
        width: 25%
    }

    /* START izpis kategorij pri filtrih - min-641 */

    .category-list-small .item-box {
        width: 32%;
        max-width: calc(33% - 1px)
    }

    /* END izpis kategorij pri filtrih - min-641 */

    .bannersExist .page.home-page .page-body {
        padding-top: 950px
    }

}

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

    /* Kuponi */

    .couponListMain {
        grid-template-columns: repeat(auto-fill, 32.5%);
    }

    .header-links .personal-menu span.grey {
        display: none
    }

    .ico-login {
        float: right;
        background: url(../images/sprite.png) 7px -1107px no-repeat;
        margin-right: 0;
        margin-top: 0px;
        padding: 0;
        padding-left: 40px;
    }

    .step-title:before {
        content: " ";
        width: 45px;
        height: 25px;
        float: left;
        background: url("../images/checkout-icons.png") no-repeat;
        position: relative;
        top: -3px;
    }

    .item-box .product-item {
    }

    .product-grid .item-box:hover .product-item {
        box-shadow: 0 0 8px 0 rgba(1,61,112,.25);
    }

    .shopping-cart-page .product-grid .item-box.swiper-slide:hover .product-item {
        box-shadow: none;
    }

    /* START izpis kategorij pri filtrih - min-641 */

    .category-list-small .item-box {
        width: 25%;
        max-width: calc(24% - 1px)
    }

    /* END izpis kategorij pri filtrih - min-641 */

}

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

    .page.home-page .page-body {
        padding-top: 380px;
    }

    .header-links .personal-menu a {
        line-height: 40px
    }

    /* Homepage Swiper */

    .home-page-product-grid .rpSwiperPrev {
        left: -2%
    }

    .home-page-product-grid .rpSwiperNext {
        right: -2%
    }

    /* MEGA MENU */

    .top-menu {
        position: relative
    }

        .top-menu li:hover .megamenu-node {
            display: block;
            z-index: 99999;
            position: absolute;
            left: 0;
            top: 45px;
            width: 100%;
            padding: 20px;
            background-color: #fff;
            color: #353535;
            -webkit-box-shadow: 0 8px 20px -5px rgb(0 0 0 / 20%);
            -moz-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.20);
            box-shadow: 0 8px 20px -5px rgb(0 0 0 / 20)
        }

        .top-menu li .megamenu-col-5-1 {
            margin-right: 0px !important;
            width: 20%;
        }

    div[class^="megamenu-col-"] {
        text-align: left
    }

    /* START izpis kategorij pri filtrih - min-769 */
    .category-list-small .sub-category-grid .item-box {
        width: 25%;
        max-width: calc(24% - 1px);
        margin: 10px .5% 0
    }

    /* END izpis kategorij pri filtrih - min-769 */

    .over769 {
        display: block
    }

    .under768 {
        display: none
    }

    /* Slider in spodaj */

    .swiper-entry-wrapper:after {
        margin-bottom: 0
    }

    /* Printer Wizard */

    .wizardHelp {
        position: absolute;
        right: 0;
        top: 27px;
    }

    .printer-widget-grid .item-box h3 {
        font-size: 13px
    }

    .item-box.wizardPrinter5 h3 {
        display: inline-block;
    }

    .item-box.wizardPrinter4 li.item {
        height: 20px
    }

    .printer-widget-grid .item-box.wizardPrinter0 li.item span,
    .printer-widget-grid .item-box.wizardPrinter1 li.item span,
    .printer-widget-grid .item-box.wizardPrinter2 li.item span,
    .printer-widget-grid .item-box.wizardPrinter3 li.item span {
        font-size: 12px;
        padding: 7px 5px;
    }

    .printer-widget-grid .item-box.wizardPrinter0 li.item span,
    .printer-widget-grid .item-box.wizardPrinter2 li.item span,
    .printer-widget-grid .item-box.wizardPrinter3 li.item span {
        padding: 4px;
        margin-bottom: 4px;
    }

    .printer-widget-grid .item-box.wizardPrinter4 li.item span {
        margin-bottom: 4px
    }

    .printer-widget-grid .item-box.wizardPrinter0,
    .printer-widget-grid .item-box.wizardPrinter1,
    .printer-widget-grid .item-box.wizardPrinter2,
    .printer-widget-grid .item-box.wizardPrinter3,
    .printer-widget-grid .item-box.wizardPrinter4 {
        height: 150px
    }

    .printer-widget-grid .item-box.wizardPrinter5,
    .printer-widget-grid .item-box.item-box-linear.item-box-custom-html {
        height: 93px;
        width: 50%
    }

    .printer-widget-grid .item-box li.item-linear {
        margin-right: 5px
    }

    .printer-widget-grid .item-box.item-box-linear.wizardPrinter5 {
        width: 48%;
    }

    .printer-widget-grid .item-box.wizardPrinter5 li.item span {
        margin-bottom: 7px !important;
        padding: 5px 10px
    }

    .printer-widget-grid .item-box[class*=wizardPrinter] {
        width: 19%
    }

    .printer-widget-grid .item-box.wizardPrinter0 {
        width: 21%
    }

    .printer-widget-grid .item-box.wizardPrinter1 {
        width: 16.5%
    }

    .printer-widget-grid .item-box.wizardPrinter2 {
        width: 21%
    }

    .printer-widget-grid .item-box.wizardPrinter3 {
        width: 16.5%
    }

    .printer-widget-grid .item-box.wizardPrinter4 {
        width: 20%
    }

    .item-box .prices {
        min-height: 90px
    }

    /* Header */

    .megamenu-menu-telefon span,
    .mMenuTitle,
    .megamenu-menu li:nth-child(1),
    .menu-toggle,
    .cat-mobile {
        display: none
    }

    .megamenu-menu .megamenu-content-ph li:nth-child(1) {
        display: block
    }

    .header-logo {
        width: 32%
    }

    .header-menu {
        position: relative;
        z-index: 5;
        width: 100%;
        margin: 0 auto 0;
        padding: 0;
        text-align: center
    }

        .header-menu > ul {
            display: flex !important;
            flex-wrap: wrap;
            font-size: 0;
            float: none
        }

            .header-menu > ul > li {
                flex: 1 1 auto;
                padding: 0;
                vertical-align: middle;
                border-left: 1px solid #592361;
            }

                .header-menu > ul > li > a {
                    display: block;
                    padding: 25px 8px;
                    line-height: 15px;
                    font-size: 13px;
                    color: #ebdbef;
                    cursor: pointer;
                    text-transform: uppercase
                }

                    .header-menu > ul > li > a:hover {
                        color: #d1b6d6
                    }

    .mmenuPromo {
        background: #5a99da /*#66147b;*/
    }

        .mmenuPromo a {
            color: #FFF !important
        }

    .mmenuSola {
        background: #07b6ac /* #9134a1;*/
    }

        .mmenuSola a {
            color: #FFF !important
        }

    .mmenuAllesMussRaus {
        background: #e9b9f1;
    }

        .mmenuAllesMussRaus a {
            color: #000 !important;
        }

    .mmenuBlackFriday {
        animation: pulsate 1.5s infinite alternate;
        border: 0px solid #bc13fe;
        border-radius: 0px;
        padding: 0.4em;
        box-shadow: 0 0 7px #fff, 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #ef1d85, 0 0 11px #ef1d85, 0 0 14px #ef1d85, 0 0 4px #ef1d85, 0 0 43px #ef1d85;
        background: #1c021c
    }

        .mmenuBlackFriday a {
            color: #fff !important;
            font-size: 24px !important;
            text-shadow: 0 0 7px #fff, 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #ef1d85, 0 0 11px #ef1d85, 0 0 14px #ef1d85, 0 0 4px #ef1d85, 0 0 43px #ef1d85;
            font-family: 'Sacramento',cursive;
            text-transform: unset !important;
            animation: pulsate 1.5s infinite alternate;
        }

    @keyframes pulsate {

        100% {
            text-shadow: 0 0 7px #fff, 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #ef1d85, 0 0 11px #ef1d85, 0 0 14px #ef1d85, 0 0 4px #ef1d85, 0 0 43px #ef1d85
        }

        0% {
            text-shadow: 0 0 7px #fff, 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #ef1d85, 0 0 11px #ef1d85, 0 0 14px #ef1d85, 0 0 4px #ef1d85, 0 0 43px #ef1d85
        }
    }

        .header-dostava {
            background: url('../images/sprite.png') 0 -584px no-repeat;
            display: inline-block;
            float: right;
            color: #fff;
            font-size: 16px;
            padding: 21px 0 21px 50px;
            line-height: 18px
        }

        .header-dostava span.small {
            display: none
        }

        .item-box .product-title {
            height: 56px;
        }
        /* Printink bootstrap - 769 */
        .ink-xs-6:nth-child(odd) {
            clear: none;
        }

        .ink-sm-6:nth-child(odd) {
            clear: left;
        }

        .ink-sm-1, .ink-sm-2, .ink-sm-3, .ink-sm-4, .ink-sm-5, .ink-sm-6, .ink-sm-7, .ink-sm-8, .ink-sm-9, .ink-sm-10, .ink-sm-11, .ink-sm-12 {
            float: left;
        }

        .ink-sm-12 {
            width: 100%;
        }

        .ink-sm-11 {
            width: 91.66666667%;
        }

        .ink-sm-10 {
            width: 83.33333333%;
        }

        .ink-sm-9 {
            width: 75%;
        }

        .ink-sm-8 {
            width: 66.66666667%;
        }

        .ink-sm-7 {
            width: 58.33333333%;
        }

        .ink-sm-6 {
            width: 50%;
        }

        .ink-sm-5 {
            width: 41.66666667%;
        }

        .ink-sm-4 {
            width: 33.33333333%;
        }

        .ink-sm-3 {
            width: 25%;
        }

        .ink-sm-2 {
            width: 16.66666667%;
        }

        .ink-sm-1 {
            width: 8.33333333%;
        }

        .master-wrapper-content, .white-wrapper-content, .tabs-div-wrapper-content {
            width: 96%
        }

        .search-box {
            /*width: 60%*/
            width: 100%
        }

        .printer-box {
            width: 40%
        }

        .printer-box .printer-level-wrapper {
            padding: 17px 0 5px 30px
        }

        .block {
            margin: 0 -1%;
        }

        .personal-menu {
            display: inline-block;
            float: right;
            margin-top: 13px
        }

        .cart tr {
            width: 31.33333%;
            margin: 20px 1% 0
        }

        .cart tr:nth-child(2n+1) {
            clear: none
        }

        .cart tr:nth-child(3n+1) {
            clear: both
        }

        .order-details-page .data-table tr {
            width: 31.33333%;
            margin: 40px 1% 0
        }

        .order-details-page .data-table tr:nth-child(2n+1) {
            clear: none
        }

        .order-details-page .data-table tr:nth-child(3n+1) {
            clear: both
        }

        .footer-block {
            display: inline-block;
            width: 24.33333%;
            margin: 0;
            padding: 30px 13px 0;
            vertical-align: top;
            min-height: 210px;
            border-bottom: 1px solid #e0e0e0
        }

        .footer-block .title, .footer-grey .title {
            font-size: 20px;
            border-bottom: none
        }

        .footer-block .title {
            margin: 0 0 15px;
            background: 0;
            padding: 0;
            cursor: auto;
            text-align: left
        }

        .footer-block.follow-us .title {
            text-align: center
        }

        .footer-block .list {
            display: block !important;
            background: 0;
            padding: 0
        }

        .footer-block .list li {
            padding: 3px 0
        }

        .footer-block .list a {
            display: inline;
            padding: 0
        }

        .follow-us {
            width: 98%;
            margin: 5px auto 0;
            min-height: 145px
        }

        .benefits {
            border-right: 0
        }

        .footer-info {
            float: right;
            line-height: 32px;
            text-align: right
        }

        .footer-block-grey {
            width: 95%
        }

        .product-selectors {
            text-align: left
        }

        .product-selectors .product-viewmode {
            display: inline-block;
            float: right
        }

        .product-selectors .product-viewmode span {
            display: none
        }

        .product-selectors .product-viewmode a {
            display: inline-block;
            width: 24px;
            height: 32px;
            margin: 0 0 0 12px;
            background-position: center;
            background-repeat: no-repeat;
            opacity: .5
        }

        .product-selectors .product-viewmode a.grid {
            background-image: url('../images/view-grid.png')
        }

        .product-selectors .product-viewmode a.list {
            background-image: url('../images/view-list.png')
        }

        .product-selectors .product-viewmode a.selected {
            opacity: 1
        }

        .item-box {
            width: 32.33333%;
            margin: 0 .5% 0
        }

        .sub-category-grid .item-box {
            width: 23.8%;
            margin: 20px .6% 0
        }

        .border-box-wrapper {
            padding: 0 0 20px
        }

        .item-box:nth-child(2n+1) {
            clear: none
        }

        .item-box:nth-child(3n+1) {
            clear: none
        }

        .sub-category-grid .item-box:nth-child(3n+1) {
            clear: none
        }

        .sub-category-grid .item-box:nth-child(4n+1) {
            clear: both
        }

        .product-list .item-box {
            float: none;
            width: auto;
            margin: 0 5px 20px
        }

        .product-list .item-box .product-item:after {
            content: "";
            display: block;
            clear: both
        }

        .product-list .item-box .picture {
            float: left;
            width: 220px
        }

        .product-list .item-box .detailsprice {
            float: right;
            width: 220px
        }

        .product-list .item-box:hover .picture a img {
            opacity: 1
        }

        .product-list .item-box .picture:hover a img {
            opacity: .85
        }

        .product-list .item-box .picture + .details {
            margin: 0 0 0 240px
        }

        .product-list .item-box .detailsprice + .details {
            margin-right: 240px;
            margin-left: 220px
        }

        .product-list .item-box .product-title {
            height: auto;
            padding: 8px 0;
            font-size: 16px
        }

        .product-list .item-box2 .product-title {
            padding: 0
        }

        .home-page-product-grid .item-box .product-title {
            font-size: 15px
        }

        .product-list .item-box .description {
            display: block;
            margin: 0 0 10px;
            min-height: 100px
        }

        .product-list .item-box .description .desc-wrapper {
            min-height: 100px
        }

        .product-list .item-box .more-link {
            color: #261029;
            text-decoration: underline
        }

        .product-list .item-box .prices {
            height: auto;
            margin: 0 0 10px
        }

        .product-list .item-grid .item-box .actual-price, .product-list .item-box2 .prices {
            text-align: right;
            float: none
        }

        .product-list .item-box .product-box-add-to-cart-button {
            width: auto;
            min-width: 150px;
            padding: 0 20px
        }

        .product-list .item-box2 .button-2 {
            min-width: 220px
        }

        .product-list .item-box .add-to-compare-list-button, .product-list .item-box .add-to-wishlist-button {
            width: 42px
        }

        .gallery {
            width: 550px;
            margin: 0 auto 0
        }

        .variant-picture {
            float: left
        }

        .variant-picture + .variant-overview {
            width: auto;
            margin: 0 0 0 240px
        }

        .variant-overview {
            text-align: left
        }

        .product-review-item .review-title {
            float: left;
            max-width: 600px
        }

        .product-review-item .product-review-box {
            float: right
        }

        .address-list-page .section, .order-list-page .section, .return-request-list-page .section {
            display: inline-block;
            width: 45%;
            margin: 20px 1%;
            vertical-align: top
        }

        .recurring-payments {
            width: 100% !important;
            margin: 20px 0 !important
        }

        .order-progress {
            padding: 20px
        }

        .order-progress li {
            margin: 0 10px
        }

        .order-progress a {
            min-width: 80px
        }

        .cart-options .common-buttons {
            text-align: right
        }

        .cart-options .checkout-attributes, .cart-options .selected-checkout-attributes {
            padding: 0 10px
        }

        .cart-footer .totals {
            float: right;
            width: 45%;
            margin: 0 2.5%
        }

        .cart-footer .terms-of-service {
            text-align: left
        }

        .cart-footer .checkout-buttons, .cart-footer .addon-buttons {
            text-align: right
        }

        .cart-footer .cart-collaterals {
            float: left;
            width: 45%;
            margin: 0 2.5%
        }

        .cart-footer .cart-collaterals div, .cart-footer .cart-collaterals label {
            text-align: left
        }

        .cart-footer .estimate-shipping label {
            display: block;
            margin: 0 0 10px
        }

        .cart-footer .estimate-shipping .buttons {
            text-align: right
        }

        .checkout-page .selected-checkout-attributes {
            float: right;
            text-align: right
        }

        .checkout-page .cart-footer .totals {
            margin: 0;
            width: 100%;
            padding: 0
        }

        .checkout-page .total-info {
            padding: 0
        }

        .checkout-page .terms-of-service {
            text-align: center
        }

        .checkout-page .address-grid {
            overflow: hidden
        }

        .checkout-page .address-item {
            float: left;
            width: 48%;
            margin: 0 1% 40px
        }

        .shipping-method .method-list li, .payment-method .method-list li {
            margin: 10px 1%;
            vertical-align: top
        }

        .enter-address .inputs.companydetails .davcna_div br {
            display: none
        }

        .payment-method .payment-logo {
            display: block;
            background-color: #f6f6f6;
            padding: 10px
        }

        .payment-method .payment-details {
            display: block;
            width: auto;
            min-width: 0;
            margin: 10px 0 0;
            text-align: center
        }

        .payment-info .info {
            padding: 0
        }

        .payment-info .info p {
            margin-bottom: 0
        }

        .order-review-data, .order-details-area, .shipment-details-area {
            overflow: hidden
        }

        .order-review-data ul, .order-details-area ul, .shipment-details-area ul {
            float: left;
            width: 48%;
            margin: 0 1% 40px
        }

        .order-details-page .section.options {
            text-align: right
        }

        .order-details-page .selected-checkout-attributes {
            padding: 0 10px
        }

        .order-details-page .totals {
            overflow: hidden
        }

        .order-details-page .total-info {
            float: right;
            margin: 0 5px
        }

        .shipment-details-page .tracking-number .tracking-url {
            color: #c15dd0
        }

        .blog-posts .tags {
            float: right;
            width: 80%;
            text-align: right
        }

        .blog-posts .buttons {
            float: left;
            width: 20%;
            text-align: left
        }

        .new-comment {
            text-align: center
        }

        .new-comment .buttons {
            text-align: center
        }

        .comment-list .comment {
            display: table;
            width: 100%;
            margin: 0
        }

        .comment-list .comment:last-child {
            border-bottom: 1px solid #ddd
        }

        .comment-info {
            display: table-cell;
            width: 15%;
            margin: 0;
            vertical-align: top
        }

        .comment-info .username {
            min-height: 40px;
            margin: 0;
            border: 0;
            text-align: center
        }

        .comment-info .avatar {
            border: 0
        }

        .comment-info .avatar img {
            max-width: 80%;
            max-height: 80%
        }

        .comment-content {
            display: table-cell;
            width: 85%;
            border-left: 1px solid #ddd;
            vertical-align: top;
            text-align: left
        }

        .comment-time {
            min-height: 40px;
            margin: 0;
            background-color: #f6f6f6;
            padding: 10px 15px;
            font-size: 14px;
            font-weight: normal
        }

        .comment-title {
            margin: 0 0 -20px;
            padding: 20px
        }

        .comment-body {
            padding: 20px
        }

        .ui-tabs-nav {
            text-align: left
        }

        .ui-tabs-nav li {
            margin: 0 0 -1px 0;
            margin: 0 0 -1px 0 !important
        }

        .header-lower .search-box input.search-box-text {
            width: 80%
        }

        .registerascompany, .registerasperson {
            width: 35%;
            display: inline-block;
            margin: 0
        }

        .breadcrumb li * {
            font-size: 13px;
        }

        .cat-mobile {
            display: none
        }

        .page-body .cat-desktop.cat-mobile {
            display: block !important;
        }

        .page-body .cat-desktop.cat-mobile {
            margin-bottom: 20px;
            display: block !important;
            float: left
        }

        .cat-desktop.cat-mobile div {
            width: 32%;
            float: left;
            margin-bottom: 1.5%;
        }

        .cat-desktop.cat-mobile div a {
        }

        .body-checkout-page .personal-menu {
            margin-top: 10px
        }

        .cat-desktop.cat-mobile table td:nth-child(1) {
            width: 30%
        }

        .cat-desktop.cat-mobile table td:nth-child(2) {
            text-align: left
        }

        .checkout-badges > div.checkoutbadge1 {
            width: 24%
        }

        .checkout-badges > div.checkoutbadge2 {
            width: 29%
        }

        .checkout-badges > div.checkoutbadge3 {
            width: 21%
        }

        .checkout-badges > div.checkoutbadge4 {
            width: 26%;
            display: block
        }
        /* Tabele pri opisu kategorij */
        .categoryDescTable td:nth-child(1) {
            width: 165px;
            vertical-align: top;
            padding-top: 14px;
        }

        .categoryDescTable td:nth-child(1) img {
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 3px;
            width: 147px;
            height: 147px
        }
        /* braintree */

        .body-checkout-page.card-payment-page .checkout.container h3 {
            font-size: 22px
        }

        .categorypage-body .product-grid .item-box, .categorypage-body .product-grid .product-list .item-box {
            width: 32.33333%;
            margin: 0 .5% 0;
        }
    }

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

    .opc .step {
        padding: 0;
        margin: 5px 0
    }

    .opc .tab-section {
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .opc .section {
        margin: 0 0 10px 0
    }

    .shipping-method .method-list, .payment-method .method-list {
        margin: 0
    }

    .opc .checkout_inner_container {
        width: 48%;
        float: left;
        text-align: left
    }

    .opc div.checkout_inner_container.allow-filled {
        width: 100%
    }

    .opc .checkout_inner_container * {
        text-align: left;
    }

    .body-checkout-page .postninaAlert .productPrice {
        display: block;
        width: 50%;
        float: right;
        padding-left: 7px;
    }

    .opc .checkout_inner_container .button-1 {
        text-align: center
    }

    .step-title .tooltipQmark {
        float: right
    }

    .step-title .tooltipQmark,
    .inputs .tooltipQmark {
        text-align: center
    }

    .opc .checkout_inner_container:nth-child(1) {
        margin-right: 4%
    }

    .enter-address .inputs.companydetails .davcna_div br {
        display: none
    }

    .opc .enter-address .inputs label {
        float: left;
        width: 33%
    }

    .inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea {
        width: 65%
    }

    .returning-wrapper.fieldset .inputs input[type="text"], .returning-wrapper.fieldset .inputs input[type="password"] {
        width: 100%
    }

    .opc .enter-address .inputs .davcna_div label {
        float: none;
    }

    .opc .enter-address .inputs.companydetails .davcna_div label {
        float: left;
        margin-top: 4px
    }

    .opc .davcna_div .required {
        float: right;
    }

    #opc-billing,
    #opc-shipping_method.tab-section.disallowed.allow {
        min-height: 225px;
    }

    .checkout-page .terms-of-service {
        text-align: center
    }

    .opc .checkout_inner_container .button-1 {
        min-width: 200px;
        width: 240px;
        margin: 0 auto;
        display: block
    }
}

@media all and (min-width:992px) and (max-width:1366px) {

    .category-list-small .sub-category-grid .item-box,
    .full-width-page .filter-content-wrapper .categorypage-body .product-grid .item-box,
    .full-width-page .filter-content-wrapper .categorypage-body .product-grid .product-list .item-box,
    .categorypage-body .product-grid .item-box,
    .categorypage-body .product-grid .product-list .item-box {
        width: 32.2%;
        max-width: calc(33% - 1px);
        margin: 10px .5% 0
    }

    .product-details-page .related-products-grid.product-grid .item-box {
        max-width: 24.5%
    }
}

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

    .over1000 {
        display: block
    }

    .under1001 {
        display: none
    }

    .personal-menu {
        width: 160px;
        margin-top: 0
    }

    .ico-login {
        margin-top: 17px;
    }

    .top-menu li:hover .megamenu-node {
        top: 57px
    }

    .bf-floater {
        display: none;
    }

    .bf-floater {
        position: fixed;
        right: 0;
        top: 28%;
        background: #000;
        border-radius: 4px;
        width: 75px;
        height: 100px;
    }

        .bf-floater p {
            background: #a840b8;
            border-top-left-radius: 4px;
            line-height: 15px;
            padding: 5px 0;
            margin-bottom: 10px
        }

        .bf-floater span {
            font-size: 0.7em;
            line-height: 12px;
            display: inline-block;
        }

    .page.home-page .page-body {
        padding-top: 420px;
    }

    .bannersExist .page.home-page .page-body {
        padding-top: 625px
    }

    /* Akcije - toggle div */

    .toggleDivAction {
        display: none
    }

    .toggleDiv {
        display: block !important
    }

    /* Izdelek */

    #lean-pay-wrapper .leanPayDelimiter {
        padding: 0
    }

    .productFlashGift {
        left: -100%;
        top: 0
    }

    /* Leanpay */

    .product-details-page #lean-pay-wrapper h4 {
        float: left;
    }

    /* Filtri - Prikaži vse znamke */

    .showMoreFilter.collapsed {
        display: inline-block;
        width: 100%;
        max-height: 186px;
        overflow: hidden;
        position: relative;
    }

    .showMoreFilter.pressed {
        display: inline-block;
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .showMoreFilter .title span {
        display: block;
        font-size: 12px;
        color: #b755c6;
        position: absolute;
        top: 10px;
        right: 0px;
        cursor: pointer
    }

    /* Filtri */

    .product-filters .filter-title {
        display: none
    }

    .filter-content div#available-filter-items ul.group li.item {
        display: block
    }

    .filter-content li.title:after {
        content: none
    }

    /* Slider in spodaj */

    .swiper-entry-wrapper:after {
        margin-bottom: 10px
    }

    /* Printer wizard */

    .printer-widget-grid .item-box.wizardPrinter4 li.item span {
        margin-bottom: 5px;
        line-height: 14px
    }

    .wizard-wrapper .sub-category-grid .item-box:nth-child(5n+1) {
        clear: none
    }

    .printer-widget-grid .item-box[class*="wizardPrinter"] {
        height: 154px;
        box-shadow: 0px 0px 8px 3px gainsboro
    }

    .wizard-wrapper .sub-category-grid .item-box {
        margin: 10px 6px 0
    }

    .printer-widget-grid .item-box.item-box-linear.item-box-custom-html {
        margin-bottom: 10px
    }

    .printer-widget-grid .item-box li.item-linear {
        margin-right: 6px
    }

    .printer-widget-grid .item-box.wizardPrinter5 li.item span {
        margin-bottom: 5px !important
    }

    .printer-widget-grid .item-box.wizardPrinter0 li.item span,
    .printer-widget-grid .item-box.wizardPrinter2 li.item span,
    .printer-widget-grid .item-box.wizardPrinter3 li.item span {
        padding: 5px;
        margin-bottom: 6px;
    }

    .printer-widget-grid .item-box.item-box-linear.item-box-custom-html {
        width: 98.5%;
        height: auto
    }

    .printer-widget-grid .item-box.item-box-custom-html li.item {
        width: 24%;
        margin: 0 0.5%
    }

    .printer-widget-grid .item-box.wizardPrinter0 {
        width: 16.5%
    }

    .printer-widget-grid .item-box.wizardPrinter1 {
        width: 12%
    }

    .printer-widget-grid .item-box.wizardPrinter2 {
        width: 15%
    }

    .printer-widget-grid .item-box.wizardPrinter3 {
        width: 12%
    }

    .printer-widget-grid .item-box.wizardPrinter4 {
        width: 16%
    }

    .printer-widget-grid .item-box.item-box-linear.wizardPrinter5 {
        width: 21%
    }

    .categorypage-body .product-grid .item-box, .categorypage-body .product-grid .product-list .item-box {
        width: 24%;
        clear: none
    }

    .filter-content-wrapper .categorypage-body .product-grid .item-box,
    .filter-content-wrapper .categorypage-body .product-grid .product-list .item-box {
        width: 32.3%;
        clear: none
    }

    /* Printink bootstrap - 1001 */

    .ink-sm-6:nth-child(odd) {
        clear: none;
    }

    .ink-md-6:nth-child(odd) {
        clear: left;
    }

    .ink-md-1, .ink-md-2, .ink-md-3, .ink-md-4, .ink-md-5, .ink-md-6, .ink-md-7, .ink-md-8, .ink-md-9, .ink-md-10, .ink-md-11, .ink-md-12 {
        float: left;
    }

    .ink-md-12 {
        width: 100%;
    }

    .ink-md-11 {
        width: 91.66666667%;
    }

    .ink-md-10 {
        width: 83.33333333%;
    }

    .ink-md-9 {
        width: 75%;
    }

    .ink-md-8 {
        width: 66.66666667%;
    }

    .ink-md-7 {
        width: 58.33333333%;
    }

    .ink-md-6 {
        width: 50%;
    }

    .ink-md-5 {
        width: 41.66666667%;
    }

    .ink-md-4 {
        width: 33.33333333%;
    }

    .ink-md-3 {
        width: 25%;
    }

    .ink-md-2 {
        width: 16.66666667%;
    }

    .ink-md-1 {
        width: 8.33333333%;
    }

    .master-wrapper-content,
    .white-wrapper-content,
    .tabs-div-wrapper-content {
        width: 96%;
        margin: auto
    }

    .center-2 .master-wrapper-content {
        width: 100%
    }

    .search-box {
        min-width: 60%;
    }

    .printer-box .printer-level-wrapper {
        padding: 17px 20px 30px
    }

    .header-lower .search-box input.search-box-text {
        width: 86%
    }

    .header-lower .search-box input.search-box-text,
    .dd .ddTitle .ddTitleText .ddlabel {
        font-size: 16px
    }

    .ddcommon {
        max-width: inherit
    }

    .block .list a:before {
        display: inline-block
    }

    .center-2 {
        float: right;
        width: 76%
    }

    .full-width-page .side-2 {
        display: none
    }

    .full-width-page .center-2 {
        width: 100%
    }

    .side-2 {
        float: left;
        width: 22%;
    }

    .page {
        text-align: left
    }

    .inputs {
        text-align: left
    }

        .inputs label {
            display: inline-block;
            width: 265px;
            margin: 0 10px 0 0;
            text-align: left
        }

        .inputs input[type="text"],
        .inputs input[type="password"],
        .inputs select {
            min-height: 40px
        }

        .inputs .option-list li {
            margin: 0 10px 0 0
        }

    .checkboxlistvzs {
        margin-left: 148px
    }

        .checkboxlistvzs input,
        .checkboxlistvzs label {
            margin-bottom: 10px
        }

        .center-1 .buttons {
            text-align: center
        }

    .center-1 .page-title,
    .center-1 .title {
        text-align: left
    }

    .center-2 .inputs label {
        width: 136px
    }

    .page-title a + h1 {
        float: left
    }

    .link-rss {
        display: block;
        float: right;
        margin: 6px 0 0
    }

    .header-phone {
        display: none;
        width: 23%
    }

        .header-phone span {
            display: none
        }

    .cart tr {
        width: auto;
        margin: 0
    }

    .cart label {
        display: none
    }

    tr.bundleitemstitle .allBundleitems {
        display: none
    }

    .order-details-page .data-table tr {
        width: auto;
        margin: 0
    }

    .order-details-page .data-table label {
        display: none
    }

    .header,
    .header-trust {
        width: 96%;
        margin: auto
    }

    .header-upper-trust:after {
        content: "";
        display: block;
        clear: both
    }

    .header-links-wrapper {
        float: right;
        padding: 0
    }

    .header-links li {
        margin: 0 16px
    }

    .header-links a,
    .header-links span {
        line-height: 45px;
        text-transform: none
    }

    .header-links .personal-menu a, .header-links .personal-menu span {
        line-height: 40px
    }

    #topcartlink {
        background: rgb(145,52,161);
        background-image: url(../images/sprite.png), linear-gradient( 90deg, rgba(145,52,161,1) 0%, rgba(168,64,184,1) 60%);
        background-position: 17px -117px;
        background-repeat: no-repeat;
        display: inline-block;
        margin: 0;
        padding: 0;
        position: relative;
        background-size: 40px
    }

    .topcart-sticky,
    .personal-menu-sticky {
        position: fixed !important;
        top: 20px;
        z-index: 4
    }

        .topcart-sticky#topcartlink {
            -moz-transition: top .2s ease;
            -o-transition: top .2s ease;
            -webkit-transition: top .2s ease;
            transition: top .2s ease;
            margin: 0 0 0 -85px;
            top: 0;
            text-align: right;
            display: inline-block !important
        }



        .personal-menu-sticky.personal-menu {
            -moz-transition: top .2s ease;
            -o-transition: top .2s ease;
            -webkit-transition: top .2s ease;
            transition: top .2s ease;
            margin: 0 0 0 -285px;
            text-align: right;
            display: inline-block !important;
            background: #b755c6
        }

            .personal-menu-sticky.personal-menu a {
                color: #fff
            }

    a.ico-cart {
        width: 75px;
        height: 75px;
        padding-top: 42px
    }

    #topcartlink span.cart-qty {
        height: 20px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 20px;
        line-height: 20px;
        color: #fff;
        position: absolute;
        top: 10px;
        right: 10px
    }

    .flyout-cart {
        position: absolute;
        top: 84px;
        right: 0;
        z-index: 999999999;
        width: 295px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        border-radius: 3px;
        -webkit-box-shadow: 0 5px 20px 11px rgba(100, 100, 100, 0.35);
        -moz-box-shadow: 0 5px 20px 11px rgba(100, 100, 100, 0.35);
        box-shadow: 0 5px 20px 11px rgba(100, 100, 100, 0.35)
    }

        .flyout-cart.active {
            display: block
        }

    .mini-shopping-cart {
        padding: 0;
        text-align: center;
        font-size: 13px
    }

        .mini-shopping-cart .count {
            min-height: 70px;
            padding: 18px 0;
            vertical-align: middle
        }

            .mini-shopping-cart .count span {
                font-size: 16px;
                color: #b755c6;
                margin-bottom: 2px;
                display: block
            }

            .mini-shopping-cart .count a {
                margin: 0 2px;
                font-weight: bold
            }

        .mini-shopping-cart .items {
            margin: 0
        }

        .mini-shopping-cart .item {
            overflow: hidden;
            padding: 8px 0;
            border-bottom: 1px solid #ddd
        }

            .mini-shopping-cart .item.first {
                border-top: 1px solid #ddd
            }

        .mini-shopping-cart .picture {
            float: left;
            width: 70px;
            text-align: center
        }

            .mini-shopping-cart .picture a {
                display: block;
                position: relative;
                overflow: hidden
            }

                .mini-shopping-cart .picture a:before {
                    content: "";
                    display: block;
                    padding-top: 100%
                }

            .mini-shopping-cart .picture img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                max-width: 100%
            }

            .mini-shopping-cart .picture + .product {
                margin: 0 0 0 80px
            }

        .mini-shopping-cart .product {
            text-align: left;
            color: #6f6f6f
        }

        .mini-shopping-cart .name {
            margin: 7px 0 6px 0;
            font-size: 13px;
            text-align: left
        }

            .mini-shopping-cart .name a {
                color: #000
            }

                .mini-shopping-cart .name a:hover {
                    color: #000;
                    text-decoration: underline
                }

        .mini-shopping-cart .attributes {
            margin: 5px 0
        }

        .mini-shopping-cart .attributes {
            margin: 5px 0
        }

        .mini-shopping-cart .quantity {
            width: 80px
        }

        .mini-shopping-cart .price,
        .mini-shopping-cart .quantity {
            display: inline-block
        }

            .mini-shopping-cart .price span,
            .mini-shopping-cart .quantity span {
                color: #b755c6
            }

        .mini-shopping-cart .totals {
            min-height: 50px;
            padding: 15px 0;
            font-size: 17px;
            color: #000
        }

            .mini-shopping-cart .totals strong {
                font-size: 17px;
                color: #b755c6
            }

        .mini-shopping-cart .buttons {
            margin: 0
        }

        .mini-shopping-cart input[type="button"] {
            display: inline-block;
            border: 0;
            background-color: #b755c6;
            padding: 9px 0;
            line-height: 22px;
            font-size: 18px;
            color: #fff;
            text-transform: uppercase;
            width: 100%
        }

            .mini-shopping-cart input[type="button"]:hover {
                background-color: #248ece
            }

    .header-lower {
        display: table;
        width: 100%
    }

    .header-logo {
        margin: 20px 0;
        width: 25%
    }

    .printer-box {
        display: block;
        vertical-align: middle;
        float: right;
        width: 37%;
        overflow-y: visible
    }

    .search-box {
        display: block;
        text-align: left;
        vertical-align: middle;
        float: left;
        padding-top: 11px;
        margin-bottom: 1px !important;
    }

        .search-box .title, .printer-box .title, .search-box div.span {
            display: none
        }

        .search-box input.search-box-text {
            width: 83%;
            background: transparent;
            color: #9134a1;
            font-size: 16px;
        }

        .search-box .search-wrapper2 {
            background: #FFF;
            border: 1px solid #9134a1;
            border-radius: 0;
            color: #777;
            /* -webkit-box-shadow: inset 3px 3px 10px 0px rgba(0,0,0,0.17);
            -moz-box-shadow: inset 3px 3px 10px 0px rgba(0,0,0,0.17);
            box-shadow: inset 3px 3px 10px 0px rgba(0,0,0,0.17); */
        }

        .search-box .search-box-button {
            border-radius: 0;
            height: 52px !important;
            background: rgb(145,52,161);
            background-image: url(../images/search-w.png), linear-gradient( 90deg, rgba(145,52,161,1) 0%, rgba(168,64,184,1) 60%);
            background-position: center center;
            background-repeat: no-repeat;
        }

        .search-box .search-wrapper, .search-box .search-wrapper2, .search-box input.search-box-text, .search-box .search-box-button, .search-box div.span {
            height: 54px
        }

    #mega-menu-opener {
        padding: 17px 16px 19px 27px;
        line-height: 18px;
        font-weight: bold;
        font-size: 15px;
        color: #fffeff;
        background: url(../images/sprite.png) 12px -521px no-repeat;
        float: left;
        min-width: 215px
    }

    .header-menu a.mega-menu-opener-hover {
        background: url(../images/sprite.png) 12px -654px no-repeat #2d0533 !important;
        min-width: 215px
    }

    .header-menu > ul > li > a {
        padding: 21px 8px !important
    }

    .header-dostava {
        padding: 21px 0 21px 50px;
        background: url(../images/sprite.png) 0 -585px no-repeat;
        display: none
    }

    #megamenu {
        display: none;
        background: #f8f8f8;
        -webkit-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.20);
        -moz-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.20);
        box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.20);
        position: absolute;
        z-index: 999999;
        text-align: left;
        color: #353535
    }

    .megamenu-menu-wrapper {
        border-right: 1px solid #e0e0e0;
        background-color: #f8f8f8;
        padding: 22px 0 0 0;
        margin: 0;
        width: 215px
    }

    .megamenu-node {
        display: none;
        z-index: 99999;
        position: absolute;
        left: 215px;
        top: 0;
        width: 765px;
        padding: 20px;
        background-color: #fff;
        color: #353535;
        -webkit-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.20);
        -moz-box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.20);
        box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.20)
    }

    /* MM - splosno */

    .megamenu-toprow-znamke {
        float: left
    }

    div[class^="megamenu-col-"] {
        display: block;
        width: 18%;
        margin-right: 2%;
        vertical-align: top;
        float: left;
    }

    .megamenu-menu li .megamenu-col-5-1 a {
        padding-left: 0px
    }

    .megamenu-toprow {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #ddd;
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    .megamenu-node .megamenu-toprow a {
        color: #b755c6;
        font-size: 15px;
        line-height: 35px;
        font-weight: bold;
        margin: 0;
        float: left;
        padding: 0 3px 0 0
    }

    /* MM - kartuse*/

    .megamenu-node h2 {
        color: #b755c6;
        font-size: 17px;
        line-height: 35px;
        font-weight: bold;
        margin: 0;
        float: left;
        margin-right: 20px
    }

    .megamenu-node .descripton {
        font-size: 12px;
        line-height: 16px;
        margin: 0 0 18px 0
    }

    .megamenu-menu li a {
        line-height: 30px;
        padding-left: 20px;
        display: block;
        font-weight: 600;
        font-size: 13px;
        color: #353535
    }

    .megamenu-menu > li > a {
        background: url(../images/sprite.png) 187px -960px no-repeat
    }

    .megamenu-menu li a:hover,
    .megamenu-menu li.selected a,
    .megamenu-menu-support li a:hover,
    .megamenu-menu-support li.selected a {
        background-color: #fff;
        color: #a840b8
    }

    .megamenu-content-ph {
        width: 100%;
        line-height: 30px;
        font-size: 13px;
        font-weight: bold;
        float: left;
        height: 100%
    }

        .megamenu-content-ph > ul {
            line-height: 23px;
            font-weight: normal;
            color: #353535;
            margin: 0 0 18px 0
        }

        .megamenu-content-ph ul a {
            color: #353535;
            display: block;
            font-weight: normal;
            padding-left: 0;
            line-height: 23px
        }

        .megamenu-content-ph > ul > li > a:hover {
            text-decoration: underline
        }

    .megamenu-banner {
        position: absolute;
        right: -25px;
        bottom: -40px
    }

    .megamenu-menu li .megamenu-banner:hover {
        background-color: transparent
    }

    .megamenu-menu-support {
        border-top: 1px solid #e0e0e0;
        margin: 15px 0 15px 0
    }

    .megamenu-menu-support {
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        margin: 15px 0 15px 0;
        padding: 15px 0 15px 0
    }

        .megamenu-menu-support li a {
            line-height: 30px;
            padding-left: 20px;
            display: block;
            color: #353535;
            font-size: 12px
        }

    .megamenu-menu-telefon li {
        line-height: 20px;
        padding: 5px 0 25px 20px;
        font-size: 12px
    }

    .footer-upper {
        width: 980px;
        padding: 0 10px
    }

        .footer-upper:after {
            content: "";
            display: block;
            clear: both
        }

    .footer-block {
        float: left;
        width: 190px;
        margin: 0;
        padding: 30px 30px 0;
        border-bottom: 0
    }

        .footer-block .list {
            margin: 0
        }

    .follow-us {
        float: right;
        width: 190px !important;
        margin: 0;
        text-align: left
    }

        .follow-us li {
            margin: 0 10px 0 0
        }

    .footer-lower {
        position: relative;
        width: 980px;
        padding: 15px 5px
    }

    .footer-block.follow-us .title {
        text-align: left
    }

    .footer-lower:after {
        content: "";
        display: block;
        clear: both
    }

    .footer-powered-by {
        float: left;
        margin: 0;
        line-height: 32px
    }

    .benefits {
        border-right: 1px solid #e0e0e0
    }

    .block {
        float: none;
        width: auto;
        margin: 0 0 20px
    }

        .block .title {
            margin: 16px 0 0 0;
            border-bottom: 1px solid #ddd;
            background: 0;
            cursor: auto;
            color: #3d3d3d;
            font-size: 24px;
            font-weight: normal;
            padding-bottom: 14px
        }

            .block .title strong {
                font-weight: normal
            }

        .block .listbox {
            display: block;
            border-bottom: 0
        }

        .block a.product-picture {
            display: inline-block;
            position: relative;
            width: 30%;
            margin: 0 0 0 -15px;
            vertical-align: middle
        }

        .block a.product-name {
            vertical-align: middle
        }

        .block a.product-picture + a.product-name {
            width: 70%
        }

            .block a.product-picture + a.product-name:before {
                display: none
            }

    /* START Navigacija filtri */

    .block-category-navigation {
        background: #f6f6f6
    }

        .block-category-navigation .title {
            display: none
        }

        .block-category-navigation ul.list {
            padding: 0 10px
        }

        .block-category-navigation .sublist {
            margin: 0
        }

            .block-category-navigation .sublist li.active ul {
                margin-left: 10px
            }

                .block-category-navigation .sublist li.active ul li:last-child a {
                    border: none
                }

        .block-category-navigation .list li {
            padding: 0
        }

            .block-category-navigation .list li.inactive:last-child a {
                border: none
            }

        .block-category-navigation .list a {
            border-bottom: 1px solid #ddd;
            width: 100%;
            color: #493d4b
        }

        .block-category-navigation .list li.active > a {
            color: #493d4b;
            font-weight: bold
        }

        .block-category-navigation .list li.active a {
            color: #493d4b;
        }

        .block-category-navigation .list a:before {
            content: none
        }

    /* Če so nadrejene kategorije vidne v meniju 

        .block-category-navigation .sublist li.inactive {
            display:none
        }

            .block-category-navigation .sublist li.active .sublist li {
                display: block
            }
        */

    /* END Navigacija filtri */

    .breadcrumb {
        margin: 5px 0 10px 0;
        padding-left: 0
    }

        .breadcrumb a .homebreadcrumb {
            margin-left: 0
        }

    .item-box .buttons {
        text-align: center;
        min-height: 40px
    }

    .sub-category-grid .item-box {
        width: 18.4%;
        margin: 20px 7px 0
    }

        .sub-category-grid .item-box:nth-child(3n+1) {
            clear: none
        }

        .sub-category-grid .item-box:nth-child(5n+1) {
            clear: both
        }

    .category-list-small .sub-category-grid .item-box:nth-child(5n+1) {
        clear: none
    }

    .sub-category-grid .item-box:nth-child(4n+1) {
        clear: none
    }

    .home-page .product-grid .item-box,
    .product-details-page .product-grid .item-box {
        width: 24.5%;
        margin: 0 .25% 0
    }

    .shopping-cart-page .product-grid .item-box.swiper-slide {
        margin: 0
    }

    .border-box-wrapper {
        padding: 0 0 20px
    }

    .home-page .product-grid .item-box:nth-child(3n+1),
    .product-details-page .product-grid .item-box:nth-child(3n+1),
    .shopping-cart-page .product-grid .item-box:nth-child(3n+1) {
        clear: none
    }

    .home-page .product-grid .item-box:nth-child(4n+1),
    .product-details-page .product-grid .item-box:nth-child(4n+1),
    .shopping-cart-page .product-grid .item-box:nth-child(4n+1) {
        clear: both
    }

    .gallery .picture:before {
        padding-top: 100%
    }

    .gallery {
        float: left;
        width: 47%;
        position: relative
    }

        .gallery .shortcomment {
            position: absolute
        }

        .gallery .picture {
            width: auto
        }

    .overview {
        float: right;
        width: 50%
    }

    .rental-attributes {
        overflow: hidden
    }

        .rental-attributes .attribute-item {
            float: left;
            margin: 0 20px 0 0
        }

        .rental-attributes .datepicker {
            width: 160px;
            text-align: left
        }

    .color-squares li {
        margin: 0 10px 10px 0
    }

    .product-details-page .title {
        text-align: left
    }

    .related-products-grid .title {
        text-align: center
    }

    .product-review-item .review-title {
        max-width: 850px
    }

    .center-1 .topic-block-title {
        text-align: center
    }

    .topic-page p {
        text-align: justify
    }

    .gender span {
        margin: 0 10px 0 0
    }

        .gender span > * {
            margin: 0 5px 0 0
        }

    .date-of-birth select + select {
        margin: 0 0 0 11px
    }

    #check-availability-button {
        display: block;
        margin: 10px auto
    }

    .login-page .customer-blocks {
        overflow: hidden
    }

    .login-page .new-wrapper {
        float: left;
        width: 225px;
        min-height: 187px;
        margin-left: 0;
        margin-right: 2%
    }

    .login-page .register-wrapper {
        float: left;
        width: 365px;
        min-height: 187px
    }

    .login-page .returning-wrapper {
        float: right;
        width: 315px;
        min-height: 187px;
        margin-right: 0;
        background: #a840b8;
        padding: 10px 15px;
        border-radius: 3px;
        border: 1px solid #a840b8;
    }

        .login-page .returning-wrapper .form-fields {
            background: transparent
        }

        .login-page .returning-wrapper .inputs {
            margin-bottom: 4px
        }

            .login-page .returning-wrapper .inputs label {
                width: 65px;
                text-align: left;
                margin: 0
            }

            .login-page .returning-wrapper .inputs.reversed {
                text-align: right
            }

        .login-page .returning-wrapper input[type="text"],
        .login-page .returning-wrapper input[type="password"] {
            width: 218px;
            min-height: 30px
        }

    .login-page .customer-blocks div.returning-wrapper .title,
    .login-page .customer-blocks div.returning-wrapper label, .login-page .forgot-password a {
        color: #FFF
    }

    .login-page .returning-wrapper .inputs.reversed .button-1 {
        background: #4a0f53
    }

    .address-list-page .section,
    .order-list-page .section,
    .return-request-list-page .section {
        display: block;
        width: auto;
        margin: 0 0 40px
    }

    .address-list-page .buttons,
    .order-list-page .buttons {
        position: absolute;
        top: 5px;
        right: 10px
    }

    .avatar-page .message-error,
    .avatar-page .buttons {
        text-align: left
    }

    .shopping-cart-page .cart-options {
        overflow: hidden
    }

    .shopping-cart-page .checkout-attributes {
        float: left;
        max-width: 565px;
        margin: -30px 0 15px
    }

        .shopping-cart-page .checkout-attributes li {
            margin: 5px 10px 5px 0
        }

    .shopping-cart-page .selected-checkout-attributes {
        float: right;
        max-width: 395px;
        margin: 15px 0
    }

    .order-progress {
        margin: -30px 0 50px
    }

    .checkout-page .address-item {
        width: 31.33333%
    }

    .payment-info .info td:only-child {
        width: 100% !important
    }

    .order-review-data .title,
    .order-details-area .title,
    .shipment-details-area .title {
        text-align: left
    }

    .opc .enter-address .inputs .davcna_div label {
        float: none;
    }

    .opc .enter-address .inputs.companydetails .davcna_div label {
        float: left;
        margin-top: 4px
    }

    .opc div.checkout_inner_container {
        width: 32%;
        float: left;
        margin-right: 2%
    }

        .opc div.checkout_inner_container:last-child {
            width: 32%;
            float: left;
            margin-right: 0
        }

    .opc .tab-section {
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 3px;
        margin-bottom: 20px;
    }

    .step-title .tooltipQmark {
        right: 0
    }

    .opc .inputs label.lbltitle {
        font-size: 14px
    }

    .opc .inputs label {
        width: 29%;
        text-align: left;
        font-size: 12px
    }

    .opc .inputs input[type="text"],
    .opc .inputs input[type="password"],
    .opc .inputs select,
    .opc .inputs textarea {
        width: 65%
    }

    .checkout-page .button-1 {
        margin-left: 32%
    }

    .checkout-page .checkout-data .button-1 {
        margin-left: 18%
    }

    .checkout-page .confirm-order-next-step-button {
        margin: 0 auto
    }

    .opc .tab-section.disallowed {
        min-height: 100px
    }

    .opc .step {
        padding: 5px 0px 0 0
    }

    .opc .step-title {
        font-size: 17px
    }

    .shipping-method .method-list, .payment-method .method-list, .opc .section {
        margin: 0 auto
    }

    .section.select-billing-address, .section.select-shipping-address {
        margin-bottom: 10px
    }

    .required {
        font-size: 16px
    }

    #checkout-step-confirm-order {
        padding: 0
    }

    #checkout-step-shipping-method {
        padding-top: 0;
        margin-top: 3px
    }

    .opc,
    .opc * {
        text-align: left
    }

    .davcna_div {
        display: inline-block;
        width: 60%;
        margin-left: 3%;
        margin-top: 13px
    }

    .opc .inputs label.forcheckbox, .opc .inputs .davcna_div label {
        width: 60px;
        line-height: 13px;
        margin-bottom: 15px;
    }

    .opc .davcna_div .required {
        float: right
    }

    .opc .inputs .field-validation-error {
        margin-left: 32%;
        text-align: left;
        white-space: normal
    }

    .section.payment-method .method-name {
        margin-left: 28px;
    }

        .section.payment-method .method-name input + * {
            margin-left: -28px
        }

    .tooltipQmark {
        text-align: center
    }

    .advanced-search .price-range {
        margin-left: 114px
    }

    .comment-list {
        margin: 0 0 50px
    }

    .news-list-homepage .news-items {
        overflow: hidden;
        text-align: left
    }

    .news-list-homepage .news-item {
        float: left;
        width: 31.33333%;
        margin: 0 1% 30px
    }

        .news-list-homepage .news-item:nth-child(3n+1) {
            clear: both
        }

        .news-list-homepage .news-item:only-child {
            float: none;
            width: auto;
            margin: 0 0 30px
        }

    .news-list-homepage .news-head {
        text-align: center
    }

    .news-list-homepage .news-body {
        text-align: justify
    }

    .swiper-inner-wrapper {
        width: 100%;
        float: left
    }

    .swiper-entry-wrapper .swiper-container-horizontal > .swiper-pagination {
        text-align: left
    }

    .overview .add-to-cart {
        text-align: left
    }

    .registration-page .inputs label {
        width: 120px
    }

        .registration-page .inputs label.forcheckbox {
            width: 50px
        }

    .registration-page .formcontainer {
        width: 58%;
        float: left;
        margin-right: 25px
    }

    .registration-page .page-body {
        margin-top: 25px
    }

    .tab_left_content {
        float: left;
        width: 50%;
        min-width: 50%;
        clear: none
    }

        .tab_left_content:nth-child(2n+1) {
            clear: both
        }

    .swiper-entry-wrapper .swiper-container-horizontal > .swiper-pagination {
        text-align: center;
        bottom: 30px;
        left: 10px
    }

    .order-details-page .order-overview {
        text-align: left;
        padding-left: 10px
    }

    .footer-block {
        padding: 30px 20px 0;
    }

    .cat-desktop.cat-mobile {
        background: #f8f8f8;
        padding: 2% 2% 0;
        margin: 0;
        width: 100%;
    }

        .cat-desktop.cat-mobile div a {
            height: 100%
        }

        .cat-desktop.cat-mobile div {
            width: 15.66667%;
            margin-right: 1%;
            display: table-cell
        }

        .cat-desktop.cat-mobile table td {
            display: block;
            width: 100%;
            text-align: center !important
        }

            .cat-desktop.cat-mobile table td:nth-child(1) {
                width: 100%
            }

    .cat-mobile div:nth-child(3), .cat-mobile div:nth-child(6) {
        margin-left: 0
    }

    /* Checkout badges */

    .checkout-badges i {
        margin-right: 8px;
    }

    .checkout-badges > div.checkoutbadge1 {
        width: 20%
    }

    .checkout-badges > div.checkoutbadge2 {
        width: 23%
    }

    .checkout-badges > div.checkoutbadge3 {
        width: 17%
    }

    .checkout-badges > div.checkoutbadge4 {
        width: 21%
    }

    .checkout-badges > div.checkoutbadge5 {
        width: 19%;
        display: block
    }

    /* Bundles */

    .bundle-item {
        margin: 15px 0
    }

        .bundle-item.bundle-item-plus {
            margin: 15px 25px
        }

        .bundle-item.bundle-addtocart {
            margin-left: 5%;
            width: 22%
        }

        .bundle-item .picture {
            height: 80%;
            max-height: 240px;
        }

        .bundle-item .details {
            padding: 10px 15px 0 15px
        }
}

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

    .header-dostava {
        font-size: 12px;
        padding-left: 32px;
    }

        .header-dostava span {
            display: none
        }

            .header-dostava span.small {
                display: inline
            }

    .header-menu > ul > li > a {
        padding: 15px 5px;
        letter-spacing: .1px
    }

    .zaupajonam .boniteta {
        left: 340px
    }

    /* Search autocomplete */

    .ui-autocomplete.ui-widget-content .ui-menu-item {
        display: inline-block
    }

        .ui-autocomplete.ui-widget-content .ui-menu-item .ui-corner-all img {
            float: left
        }

        .ui-autocomplete.ui-widget-content .ui-menu-item .ui-corner-all .first {
            width: 70%;
            display: inline-block
        }

        .ui-autocomplete.ui-widget-content .ui-menu-item .ui-corner-all .f-right {
            width: 18%;
            text-align: right
        }
}

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

    .checkboxlistvzs ul li {
        border: 1px solid #ddd;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
        background: #fff;
        max-width: 400px;
        margin: auto;
        margin-bottom: 10px;
    }

        .checkboxlistvzs ul li label {
            white-space: normal
        }

        .checkboxlistvzs input[type="checkbox"] {
            margin-bottom: 10px
        }

    /* Boniteta */

    .zaupajonam .boniteta {
        left: 41%
    }

    .bonitetaPic {
        display: none
    }
}

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

    .page.home-page .page-body {
        padding-top: 450px;
    }

    /* Lightbox arrow hack zaradi ceneje */

    .mfp-arrow-right {
        right: 80px !important;
    }

    .mfp-arrow-left {
        left: 80px !important;
    }
}

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

    /* Flex View */

    .ink-flex-wire.ink-xs-6 {
        width: 18.5%
    }

    /* Kuponi */

    .couponListMain {
        grid-template-columns: repeat(auto-fill, 24.25%);
    }

    .calltoaction-fix .cta-action-flex {
        height: 40px;
        line-height: 40px;
    }

    .header-dostava {
        display: block
    }

    .page.home-page .page-body {
        padding-top: 490px;
    }

    .bannersExist .page.home-page .page-body {
        padding-top: 680px
    }

}

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

    /* Homepage Swiper */

    .home-page-product-grid .rpSwiperPrev {
        right: 80px;
        top: -30px;
        border-radius: 50%;
        left: initial;
        height: 70px;
        width: 70px
    }

    .home-page-product-grid .rpSwiperNext {
        right: 0;
        top: -30px;
        border-radius: 50%;
        height: 70px;
        width: 70px
    }

    .header-logo {
        width: 20%
    }

    .mobileSearch {
        width: 780px
    }

    .header-menu > ul > li > a {
        font-size: 14px
    }

    .category-list-small .sub-category-grid .item-box,
    .full-width-page .filter-content-wrapper .categorypage-body .product-grid .item-box,
    .full-width-page .filter-content-wrapper .categorypage-body .product-grid .product-list .item-box,
    .categorypage-body .product-grid .item-box,
    .categorypage-body .product-grid .product-list .item-box {
        width: 19%
    }


    .page.home-page .page-body {
        padding-top: 520px;
    }

    .bannersExist .page.home-page .page-body {
        padding-top: 740px
    }

    .checkout-badges > div.checkoutbadge3 {
        width: 19%
    }

    .checkout-badges > div.checkoutbadge4 {
        width: 22%
    }

    .checkout-badges > div.checkoutbadge5 {
        width: 16%
    }

    /* Main Menu */

    .header-menu > ul > li > a {
        padding: 21px 20px !important;
    }

    /* Pop-out menu*/

    .megamenu-node {
        width: 1147px
    }

    /* MM - splosno */

    .megamenu-toprow-znamke {
        float: none
    }

    div[class^="megamenu-col-"] {
        width: 18%
    }

    .megamenu-node .megamenu-toprow a {
        font-size: 17px;
        padding: 0 7px 0 0
    }

    .megamenu-col-5-1 {
        float: right
    }

    /* Filtri */
    .page.manufacturer-page .product-grid .item-box,
    .filter-content-wrapper .categorypage-body .product-grid .item-box,
    .filter-content-wrapper .categorypage-body .product-grid .product-list .item-box {
        width: 24%;
    }

    /* Wizard - printer */

    .printer-widget-grid .item-box {
        padding: 8px
    }

        .printer-widget-grid .item-box.wizardPrinter0,
        .printer-widget-grid .item-box.wizardPrinter1,
        .printer-widget-grid .item-box.wizardPrinter2,
        .printer-widget-grid .item-box.wizardPrinter3,
        .printer-widget-grid .item-box.wizardPrinter4,
        .printer-widget-grid .item-box.wizardPrinter5,
        .printer-widget-grid .item-box.item-box-linear.item-box-custom-html {
            height: 165px;
        }

            .printer-widget-grid .item-box.wizardPrinter0 li.item span,
            .printer-widget-grid .item-box.wizardPrinter1 li.item span,
            .printer-widget-grid .item-box.wizardPrinter2 li.item span,
            .printer-widget-grid .item-box.wizardPrinter3 li.item span {
                font-size: 13px;
                padding: 8px 5px
            }

            .printer-widget-grid .item-box.wizardPrinter0 li.item span,
            .printer-widget-grid .item-box.wizardPrinter2 li.item span,
            .printer-widget-grid .item-box.wizardPrinter3 li.item span {
                padding: 5px;
                margin-bottom: 6px;
            }

        .printer-widget-grid .item-box h3 {
            margin-bottom: 10px;
        }

        .printer-widget-grid .item-box.wizardPrinter0 {
            width: 14%;
        }

        .printer-widget-grid .item-box.wizardPrinter1 {
            width: 11%;
        }

        .printer-widget-grid .item-box.wizardPrinter2 {
            width: 15%;
        }

        .printer-widget-grid .item-box.wizardPrinter3 {
            width: 11.5%;
        }

        .printer-widget-grid .item-box.wizardPrinter4 {
            width: 13%
        }

        .printer-widget-grid .item-box.item-box-linear {
            width: 16.5%;
        }

            .printer-widget-grid .item-box.item-box-linear.item-box-custom-html {
                width: 14%
            }

    .printer-widget-grid .item-box {
        height: 161px
    }

        .printer-widget-grid .item-box.item-box-linear.wizardPrinter5 {
            width: 17%
        }

    .sub-category-grid.printer-widget-grid .item-box {
        margin: 10px 3px
    }

    .printer-widget-grid .item-box li.item-linear {
        margin-right: 5px
    }

    .printer-widget-grid .item-box.wizardPrinter5 li.item span {
        padding: 5px 8px
    }

    .printer-widget-grid .item-box.item-box-custom-html li.item {
        width: 100%
    }

    /* Product flashes */

    .productFlashGift {
        left: -674px
    }

    /* Printink bootstrap - 1367 */

    .ink-md-6:nth-child(odd) {
        clear: none;
    }

    .ink-lg-6:nth-child(odd) {
        clear: left;
    }

    .ink-lg-1, .ink-lg-2, .ink-lg-3, .ink-lg-4, .ink-lg-5, .ink-lg-6, .ink-lg-7, .ink-lg-8, .ink-lg-9, .ink-lg-10, .ink-lg-11, .ink-lg-12 {
        float: left;
    }

    .ink-lg-12 {
        width: 100%;
    }

    .ink-lg-11 {
        width: 91.66666667%;
    }

    .ink-lg-10 {
        width: 83.33333333%;
    }

    .ink-lg-9 {
        width: 75%;
    }

    .ink-lg-8 {
        width: 66.66666667%;
    }

    .ink-lg-7 {
        width: 58.33333333%;
    }

    .ink-lg-6 {
        width: 50%;
    }

    .ink-lg-5 {
        width: 41.66666667%;
    }

    .ink-lg-4 {
        width: 33.33333333%;
    }

    .ink-lg-3 {
        width: 25%;
    }

    .ink-lg-2 {
        width: 16.66666667%;
    }

    .ink-lg-1 {
        width: 8.33333333%;
    }

    .master-wrapper-content,
    .white-wrapper-content,
    .tabs-div-wrapper-content {
        width: 1350px;
        max-width: 100%
    }

    .header-lower .search-box input.search-box-text {
        width: 90%
    }

    .header-lower .search-box input.search-box-text,
    .dd .ddTitle .ddTitleText .ddlabel {
        font-size: 17px;
        font-weight: 300
    }

    .inputs label {
        width: 375px
    }

    .checkboxlistvzs {
        margin-left: 213px;
    }

    .center-2 .inputs label {
        width: 203px
    }

    .header,
    .header-trust {
        width: 1350px
    }

    .headerwider,
    .header-menu {
        width: 1374px;
        z-index: 9998
    }

    .header-menu {
        padding: 0 12px
    }

    .header-phone {
        display: table-cell;
        width: 325px
    }

        .header-phone span {
            display: inline
        }

    .footer-upper {
        width: 1350px;
        padding: 0
    }

    .footer-block {
        width: 290px;
        min-height: 180px;
        padding: 30px 30px 0
    }

        .footer-block.follow-us {
            padding: 30px 0 0 30px;
            float: left
        }

    .footer-lower {
        width: 1350px;
        padding: 15px 20px
    }

    .information {
        padding-left: 0
    }
    /* Bundles */

    .bundle-item .picture img {
        max-width: 80%;
        max-height: 80%
    }

    .bundle-item .picture a:before {
        padding-top: 60%
    }

    /* END Bundles */

    .product-review-item .review-title {
        max-width: 1050px
    }

    .cart-footer .totals {
        width: 395px;
        margin: 0
    }

    .cart-footer .cart-collaterals {
        width: 760px;
        margin: 0
    }

        .cart-footer .cart-collaterals .deals {
            float: left;
            width: 410px
        }

        .cart-footer .cart-collaterals .shipping {
            float: right;
            width: 360px
        }

    .cart-footer .estimate-shipping .inputs label {
        display: inline-block;
        width: 35%
    }

    .cart-footer .estimate-shipping .inputs input,
    .cart-footer .estimate-shipping .inputs select {
        width: 65%
    }

    .shipping-method .method-list li,
    .payment-method .method-list li {
        margin: 15px 1%
    }

    .payment-info .info td:first-child {
        width: 375px !important
    }

    .payment-info .info td:only-child {
        width: 100% !important
    }

    .search-box input.search-box-text {
        width: 81%
    }

    .ui-autocomplete {
        width: 780px !important
    }

    .swiper-inner-wrapper {
        width: 100%;
        height: auto;
        max-height: 450px;
        float: left
    }

    .swiper-entry-wrapper:after {
        margin-bottom: 15px
    }

    .custom-text {
        margin-top: 0
    }

    /* Prijava */

    .login-page .new-wrapper {
        margin-left: 0;
        margin-right: 6.6%;
        width: 400px
    }

        .login-page .new-wrapper .button-1 {
            width: 290px
        }

    .login-page .register-wrapper {
        min-height: 187px
    }

    .login-page .returning-wrapper {
        margin-right: 0;
        width: 380px
    }

    .printer-box .printerlevel select {
        width: 81%
    }

    .overview .add-to-cart-button, .variant-overview .add-to-cart-button {
        padding: 0 35px
    }

    .login-page .returning-wrapper input[type="text"],
    .login-page .returning-wrapper input[type="password"] {
        width: 283px
    }

    /* Checkout badges */

    .checkout-badges p {
        font-size: 13px
    }

    /* Kategorije - izpis */

    .sub-category-grid .title {
        min-height: unset
    }

    /* Izdelek */

    .gallery {
        width: 50%
    }

        .gallery .picture:before {
            padding-top: 80%;
        }

    couponListMain

    .overview {
        width: 46%;
    }

    /* Kuponi */

    .category-page .couponListMain .item-box,
    .couponListMain .item-box {
        width: 100%;
        margin: 0 0.5% 15px
    }

        .couponListMain .item-box:nth-child(3n+1) {
            clear: none
        }

        .couponListMain .item-box:nth-child(4n+1) {
            clear: none
        }

        .couponListMain .item-box:nth-child(5n+1) {
            clear: none
        }

        .couponListMain .item-box:nth-child(6n+1) {
            clear: both
        }



    /* Bundles */

    .category-page .couponListMain .item-box,
    .couponListMain .item-box {
        width: 100%;
        margin: 0 0.5% 15px
    }

    .couponListMain.bundleList .item-box:nth-child(5n+1) {
        clear: none
    }

    .couponListMain.bundleList .item-box:nth-child(6n+1) {
        clear: both
    }
}

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

    .couponListMain {
        grid-template-columns: repeat(auto-fill, 19%);
    }
}

/* EU Cookie Law */
#cookieTerms {
    font-family: 'Open Sans', sans-serif;
    color: #4a0f53;
    display: none;
    width: 100%;
    background: #FFF;
    margin-top: 0;
    padding: 5px;
    overflow: auto;
    position: relative;
    font-size: 11px;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
}

    #cookieTerms .inner {
        margin: 0 auto;
        max-width: 1350px;
        padding: 0;
        z-index: 9000;
        position: relative;
    }

    #cookieTerms div.left {
        display: none
    }

    #cookieTerms div.middle {
        padding: 5px 0;
        float: left;
        width: 80%
    }

    #cookieTerms div.right {
        padding: 5px 0px 0px 20px;
        float: right;
        width: 20%;
        text-align: right
    }

#cookieTermsagree {
    background: #a840b8;
    font-size: 13px;
    color: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0px;
    padding: 5px 10px;
    line-height: 18px
}

    #cookieTermsagree img {
        padding: 5px 10px 0px 0px;
    }

@media all and (max-width:1366px) {
    #cookieTerms .inner {
        max-width: 980px
    }
}

@media all and (max-width:1000px) {
    #cookieTerms .inner {
        padding: 0px 15px
    }
}

@media all and (max-width:480px) {
    #cookieTerms .inner {
        font-size: 10px;
        line-height: 11px
    }

    #cookieTerms div.middle {
        width: 70%
    }

    #cookieTerms div.right {
        width: 30%
    }
}

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

    #cookieTerms div.middle {
        font-size: 9px;
        line-height: 10px;
        width: 60%
    }

    #cookieTerms div.right {
        width: 40%
    }
}

/*** POP-UP PRIJAVA NA NOVICE ***/
#ewf_popup:root {
    --ewfPopupDelay_RTuhZfqXFJ: 3s;
}

#ewf_dismissForm {
    display: block !important;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1);
}

#ewf_subscriptionForm_RTuhZfqXFJ {
    animation: ewf_modalpopup_RTuhZfqXFJ linear var(--ewfPopupDelay_RTuhZfqXFJ);
    animation-iteration-count: 1;
    -webkit-animation: ewf_modalpopup_RTuhZfqXFJ linear var(--ewfPopupDelay_RTuhZfqXFJ);
    -webkit-animation-iteration-count: 1;
    -moz-animation: ewf_modalpopup_RTuhZfqXFJ linear var(--ewfPopupDelay_RTuhZfqXFJ);
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: ewf_modalpopup_RTuhZfqXFJ linear var(--ewfPopupDelay_RTuhZfqXFJ);
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: ewf_modalpopup_RTuhZfqXFJ linear var(--ewfPopupDelay_RTuhZfqXFJ);
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    position: fixed;
    z-index: 1000
}

@media screen and (max-width: 767px) {
    #ewf_subscriptionForm_RTuhZfqXFJ {
        width: 80%;
        top: 10%;
        left: 10%;
    }
}

@media screen and (min-width: 768px) {
    #ewf_subscriptionForm_RTuhZfqXFJ {
        width: 50%;
        top: 25%;
        left: 25%;
    }
}

@keyframes ewf_modalpopup_RTuhZfqXFJ {
    0% {
        opacity: 0;
        visibility: hidden
    }

    80% {
        visibility: visible;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes ewf_modalpopup_RTuhZfqXFJ {
    0% {
        opacity: 0;
        visibility: hidden
    }

    80% {
        visibility: visible;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes ewf_modalpopup_RTuhZfqXFJ {
    0% {
        opacity: 0;
        visibility: hidden
    }

    80% {
        visibility: visible;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes ewf_modalpopup_RTuhZfqXFJ {
    0% {
        opacity: 0;
        visibility: hidden
    }

    80% {
        visibility: visible;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes ewf_modalpopup_RTuhZfqXFJ {
    0% {
        opacity: 0;
        visibility: hidden
    }

    80% {
        visibility: visible;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media screen and (min-width:768px) {
    #ewf_subscriptionForm_OcwuivHENZ.Sticky {
        padding: 10px !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ.Sticky .inputs {
        margin-bottom: 0 !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ.Sticky .headers, #ewf_subscriptionForm_OcwuivHENZ.Sticky fieldset {
        display: inline-block;
        min-width: 20%;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ.Sticky fieldset {
        padding-left: 20px;
        padding-right: 20px;
    }

    #ewf_subscriptionForm_OcwuivHENZ.Sticky .headers {
        min-width: 40%;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ.Sticky .headers h4 {
        padding-bottom: 0 !important;
        font-size: 15px !important;
        line-height: 17px;
        text-align: right !important;
        font-weight: normal;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ.Sticky .webform-options {
        text-align: center;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ.Sticky #ewf_formdesc {
        display: none;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ.Sticky label {
        display: none !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ.Sticky input {
        line-height: 37px !important;
        padding: 0 20px !important;
        font-size: 14px !important;
        margin-bottom: 0 !important;
    }

    #ewf_dismissForm {
        top: 5px !important;
        right: 5px !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */ color: var(--input) !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ ::-moz-placeholder {
        /* Firefox 19+ */ color: var(--input) !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ :-ms-input-placeholder {
        /* IE 10+ */ color: var(--input) !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ :-moz-placeholder {
        /* Firefox 18- */ color: var(--input) !important;
    }
}

#ewf_subscriptionForm_RTuhZfqXFJ {
    font-family: Roboto, Helvetica, sans-serif;
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.13);
    background: var(--formbg1);
    /* Old browsers */ background: -moz-linear-gradient(-45deg, var(--formbg1) 0%, var(--formbg2) 100%);
    /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, var(--formbg1) 0%,var(--formbg2) 100%);
    /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, var(--formbg1) 0%, var(--formbg2) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ box-sizing: border-box;
}

    #ewf_subscriptionForm_RTuhZfqXFJ input:focus {
        outline-style: none;
        box-shadow: none;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ h4 {
        text-align: center;
        color: var(--text);
        font-size: 18px;
        padding-bottom: 20px;
        margin: 0 !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ p {
        color: var(--text);
        text-align: center;
        font-size: 16px;
        padding-bottom: 20px;
        margin: 0 !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ .inputs label {
        display: block;
        text-align: center;
        font: 18px Roboto, Helvetica, sans-serif;
        color: var(--text);
        margin-bottom: 5px;
        margin-top: 10px;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ .inputs input {
        font: 18px Roboto, Helvetica, sans-serif;
        display: block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        padding: 8px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border: 0;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
        -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
        -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
        color: #000;
        background: var(--inputbg);
    }

    #ewf_subscriptionForm_RTuhZfqXFJ .inputs {
        border-radius: 6px;
        margin-bottom: 15px;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ input[type="submit"] {
        background: var(--buttonbg);
        padding: 8px 20px 8px 20px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        color: var(--input);
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
        font: normal 30px 'Bitter', sans-serif;
        border: 1px solid var(--buttonbg);
        display: block;
        margin: auto;
        width: auto;
        font-size: 18px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ .lists li {
        display: block;
        overflow: auto;
        padding: 5px 0;
    }

        #ewf_subscriptionForm_RTuhZfqXFJ .lists li * {
            margin: 0 0 0 0 !important;
            padding-right: 10px;
        }

    #ewf_subscriptionForm_RTuhZfqXFJ .webform-lists input {
        display: inline-block;
        height: 1em;
        width: 1em;
        float: left;
        -webkit-appearance: checkbox !important;
    }

    #ewf_subscriptionForm_RTuhZfqXFJ .webform-lists label {
        height: auto;
        color: var(--text);
    }

    #ewf_subscriptionForm_RTuhZfqXFJ .webform-lists input:before {
        content: "" !important;
        display: none;
    }

#ewf_dismissForm {
    position: absolute;
    right: 20px;
    top: 20px;
    font-weight: 800;
    border-radius: 50%;
    border: 0 !important;
    color: var(--input);
    background: var(--buttonbg);
}

#ewf_subscriptionForm_RTuhZfqXFJ ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */ color: var(--input);
}

#ewf_subscriptionForm_RTuhZfqXFJ ::-moz-placeholder {
    /* Firefox 19+ */ color: var(--input);
}

#ewf_subscriptionForm_RTuhZfqXFJ :-ms-input-placeholder {
    /* IE 10+ */ color: var(--input);
}

#ewf_subscriptionForm_RTuhZfqXFJ :-moz-placeholder {
    /* Firefox 18- */ color: var(--input);
}

#ewf_subscriptionForm_RTuhZfqXFJ #ewf_datadisclaimer {
    font-size: 11px;
    line-height: 12px
}

#ewf_subscriptionForm_RTuhZfqXFJ {
    max-width: 500px;
    margin: auto;
    --formbg1: #4a0f53;
    /* formbg*/ --formbg2: #4a0f53;
    /* formbg*/ --text: #ffffff;
    /* labels & text */ --input: #ffffff;
    /* inputs */ --inputbg: #ffffff;
    /* inputbg */ --buttonbg: #a840b8;
    /* submitbg and dismissbg */
}

</style > <style id="Labels" > #ewf_subscriptionForm_RTuhZfqXFJ ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */ color: var(--inputbg) !important;
}

#ewf_subscriptionForm_RTuhZfqXFJ ::-moz-placeholder {
    /* Firefox 19+ */ color: var(--inputbg) !important;
}

#ewf_subscriptionForm_RTuhZfqXFJ :-ms-input-placeholder {
    /* IE 10+ */ color: var(--inputbg) !important;
}

#ewf_subscriptionForm_RTuhZfqXFJ :-moz-placeholder {
    /* Firefox 18- */ color: var(--inputbg) !important;
}

/*** ZAČASNO ***/

/* Mnenja kupcev */

div .cnj-trust-mark-vertical {
    top: 38.1%;
    z-index: 100000000
}

.cnjFloatingBar .cnjLeft {
    background: url('../images/sidebarSlo.svg') no-repeat;
    background-size: cover;
}

.body-cart-page .cnj-trust-mark-vertical,
.body-checkout-page .cnj-trust-mark-vertical {
    display: none !important
}

@media all and (max-width:1366px) {
    div .cnj-trust-mark-vertical {
        top: 35.6%
    }
}

@media all and (max-width:1100px) {
    div .cnj-trust-mark-vertical {
        display: none !important
    }
}

/* Evropska Unija logo */

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

    .euLogo {
        position: fixed;
        bottom: 40px;
        right: 15px;
        padding: 5px;
        border: 1px solid #ededed;
        background: #fff;
        z-index: 1000;
    }
}

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

    .custom-text {
        display: block
    }

        .custom-text p {
            display: none
        }

            .custom-text p.euLogo {
                display: block
            }
}

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

    .custom-text {
        display: none
    }
}

/* widget printer */
.printerFilterOptionSelected {
    font-weight: bold;
}

.admActionBtnCopy {
    padding: 10px;
    border-radius: 3px;
    background: darkcyan;
    color: #fff;
    border: none;
    font-weight: bold;
}

    .admActionBtnCopy:active {
        background: darkcyan;
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
        box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    }

/* Tawk.to */
.tawkToHide {
    display: none !important
}

/* Extra moduli*/

/* Info Box */

.infoBox {
    background: #a840b8;
    color: #FFF;
    border-radius: 8px;
    padding: 25px 15px 10px 15px;
    margin: 20px 0 25px;
}

    .infoBox h3 {
        color: #FFF;
        font-size: 17px
    }

    .infoBox ul {
        padding: 0;
        margin-bottom: 0
    }

        .infoBox ul li {
            list-style: none
        }

            .infoBox ul li:before {
                content: "\2713";
                padding-right: 10px;
                font-weight: bold
            }

.infoLeasePrinter:before {
    content: " ";
    height: 60px;
    width: 60px;
    text-align: center;
    background: #4a0f53 url(../images/sprite.png) 10px -1430px no-repeat;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -35px;
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.infoPhoneSupport:before {
    content: " ";
    height: 60px;
    width: 60px;
    text-align: center;
    background: #4a0f53 url(../images/sprite.png) 10px -1485px no-repeat;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -35px;
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.phoneSupport {
    line-height: 32px;
    font-size: 32px;
    font-weight: bold
}

/* Filtri - skrivanja */
.filter-content .selected-items {
    display: none
}

.not-selectable {
    display: none !important
}

.not-visible {
    display: inline-block
}

.temporaryHideFilter {
    display: none !important
}

@media all and (max-width:1000px) {
    .not-visible {
        display: none
    }

    .filter-content .selected-items {
        display: none
    }
}
/* TEMPORARY

    
#clickdesk-appendable-bubble {
    display:none !important
}

*/

/* KORPO STRANI */

.headerLang.korpo {
    float: right;
    margin-top: 10px
}

@media all and (min-width:769px) {
    .headerLang.korpo {
        display: none
    }
}

@media all and (max-width:769px) {
    .header-logo.korpo {
        float: left;
        margin-left: 0
    }
}

/* HP search results */

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

    .search-results .hp-original-list .item-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .search-results .hp-original-list .item-box {
        width: 32%;
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1 0 25%;
    }

        .search-results .hp-original-list .item-box .product-rating-box {
            margin-bottom: 5px
        }

        .search-results .hp-original-list .item-box .product-title a {
            font-size: 14px
        }

    .search-results .hp-original-list .product-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .product-list.hp-original-list .item-box .picture {
        float: left;
        width: 40%;
        margin: 0
    }

    .product-list.hp-original-list .item-box .description {
        display: none
    }

    .product-list.hp-original-list .item-box .prices {
        padding-top: 0;
        float: left;
        text-align: left;
        margin: 0 0 0 40%
    }

    .product-list.hp-original-list .item-box .buttons .product-box-add-to-cart-button {
        width: 92%
    }

    .product-list.hp-original-list .item-box .details {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        text-align: left;
        width: 100%;
        position: absolute;
        left: 40%;
        width: 60%
    }

    .product-list.hp-original-list .item-box .detailsprice {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        text-align: left;
        width: 100%;
    }

        .product-list.hp-original-list .item-box .detailsprice + .details {
            margin: 0;
            padding: 0
        }
}

/* SUMO newsletter subscription */

.footer.newsletter-subscription {
    position: relative;
    border: none;
    background: none
}

    .footer.newsletter-subscription .footer-upper {
        width: 100%;
        padding: 0
    }

    .footer.newsletter-subscription .sumo-div {
        background: #b755c6;
        padding: 0;
        width: 100%
    }

        .footer.newsletter-subscription .sumo-div .sumo-form-wrapper {
            padding: 2px 0
        }

        .footer.newsletter-subscription .sumo-div .listbuilder-popup-scale {
            zoom: 1.25 !important
        }

        .footer.newsletter-subscription .sumo-div input[type="checkbox"] {
            width: 14px;
            height: 14px
        }

    .footer.newsletter-subscription .sumome-react-wysiwyg-inline-popup {
        position: relative;
        margin: 0 auto
    }

    .footer.newsletter-subscription .sumome-react-wysiwyg-inline-popup-background div {
        background: transparent !important
    }


    .footer.newsletter-subscription .sumome-react-wysiwyg-inline-popup-button button {
        border: none !important;
        border-radius: 0px
    }

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

    .footer.newsletter-subscription p,
    .footer.newsletter-subscription .sumome-react-wysiwyg-move-handle * {
        font-size: 12px !important
    }
}

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

    .footer.newsletter-subscription p,
    .footer.newsletter-subscription .sumome-react-wysiwyg-move-handle * {
        font-size: 10px !important
    }
}

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

    .footer.newsletter-subscription p,
    .footer.newsletter-subscription .sumome-react-wysiwyg-move-handle * {
        font-size: 8px !important
    }
}

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

    .sumo-div {
        display: none
    }
}


/* Fonts override for Open Sans */

@media (min-width:1280px) {

    .printer-widget-grid .item-box li.item span {
        font-size: 13px
    }
}

.printer-widget-grid .item-box h3,
.printer-widget-grid .item-box h3 strong {
    font-family: 'Roboto', sans-serif;
}

.printer-widget-grid .item-box li.item span {
    line-height: 14px
}

.product-grid .title strong {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 700
}

.overview .prices > div,
.variant-overview .prices > div {
    margin-bottom: -2px
}

/*** SKLOP ADVENT ***/
.koledarCategory ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    text-align: center;
}

.koledarCategory li {
    line-height: 0 !important;
    flex: 0 0 16.6667%;
}

.koledarCategory img {
    width: 100% !important
}

    .koledarCategory img:last-child {
        max-width: 100% !important
    }

@media all and (max-width: 1200px) {
    .koledarCategory li {
        flex: 0 0 20%;
    }
}

@media all and (max-width: 1000px) {
    .koledarCategory li {
        flex: 0 0 33.3334%;
    }
}

@media all and (max-width: 580px) {
    .koledarCategory li {
        flex: 0 0 50%;
    }
}



/* NOV TEMPLATE */

.ink-discount-pink {
    background: #d980b5;
    color: #FFF;
    padding: 5px 10px !important;
    position: absolute;
    z-index: 10;
}

.ink-discount-pink-tl {
    top: 0;
    left: 15px
}

.ink-discount-pink-tr {
    top: 0;
    right: 15px
}

.ink-discount-pink-bl {
    bottom: 40px;
    left: 15px
}

.ink-discount-pink-br {
    bottom: 40px;
    right: 15px
}

.ink-effect-bounce.ink-effect-slower {
    animation: bounce 2.7s ease infinite;
}

.ink-effect-bounce.ink-effect-slow {
    animation: bounce 2.5s ease infinite;
}

.ink-effect-bounce.ink-effect-medium {
    animation: bounce 2.3s ease infinite;
}

.ink-effect-bounce.ink-effect-fast {
    animation: bounce 2s ease infinite;
}

.ink-effect-bounce.ink-effect-faster {
    animation: bounce 1.8s ease infinite;
}

/*** PRODUCT REVIEWS ***/

li[aria-controls="tabs-reviews"] {
    display: none
}

.printerPage li[aria-controls="tabs-reviews"] a {
    display: none
}

#tabs-reviews {
    display: none
}

.product-review-list {
    width: 96%;
    margin: auto;
    max-width: 1350px
}

.product-review-list .title {
    font-size: 2em;
    margin-bottom: 30px
}

/*** PRINTER WIZARD ***/

.wizard-wrapper span[data-specid="1828"],
.wizard-wrapper span[data-specid="1829"] {
    display: none !important
}

.printerHighlight {
    background-color: #f4eef5;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
    border-width: 10px;
    border-color: #FFFFFF;
    box-shadow: 6px 6px 12px 0px rgba(0,0,0,0.15);
    padding: 30px;
    margin-bottom: 30px;
    align-items: center;
    justify-items: center;
    display: flex;
    transition: all 0.5s ease-in-out;
}

    .printerHighlight a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }

    .printerHighlight:hover {
        box-shadow: 6px 6px 12px 0 rgb(111 59 111 / 39%);
        background: #FFFFFF
    }


    .printerHighlight img {
        transition: all 0.4s ease-in-out
    }

        .printerHighlight:hover img {
            -webkit-transform: rotate(5deg) scale(1.1);
            -ms-transform: rotate(5deg) scale(1.1);
            transform: rotate(5deg) scale(1.1);
        }

@media all and (max-width: 768px) {
    .printerHighlight {

        border-radius: 10px;
        box-shadow: none;
        padding: 15px;
        margin-bottom: 0;
        margin: 15px;
    }

}

/* BLACK FRIDAY BADGE */

#blackFridayBadge {
    position: absolute;
    top: 0;
    padding: 7px 12px;
    color: #FFF;
    background: rgb(150,25,80);
    background: linear-gradient(60deg, rgba(150,25,80,1) 0%, rgba(0,0,0,1) 100%);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    font-weight: bold;
    animation-name: bfPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes bfPulse {
    0% {
        background: rgb(150,25,80);
        background: linear-gradient(60deg, rgba(150,25,80,1) 0%, rgba(0,0,0,1) 100%);
    }

    50% {
        background: rgb(0,0,0);
        background: linear-gradient(60deg, rgba(0,0,0,1) 0%, rgba(150,25,80,1) 50%, rgba(0,0,0,1) 100%);
    }

    100% {
        background: rgb(0,0,0);
        background: linear-gradient(60deg, rgba(0,0,0,1) 0%, rgba(150,25,80,1) 100%, rgba(0,0,0,1) 100%);
    }
}

/* BLACK FRIDAY LANDING PAGE */

.blackFridayMain .categorypage-body .product-grid .item-box,
.blackFridayMain .categorypage-body .product-grid .product-list .item-box {
    background: #000;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 20px 20px 0;
}

.blackFridayMain .item-box .picture {
    border-radius: 20px
}

.blackFridayMain .item-box .product-title a,
.blackFridayMain .item-box h2,
.blackFridayMain .item-box span {
    color: #fff;
}

.blackFridayMain .discountCircle {
    background: #e40475;
    box-shadow: none;
    top: 0;
    border-radius: 30px;
}

.blackFridayMain .showMoreCat {
    display: none !important
}

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

    .blackFridayMain .categorypage-body .product-grid .item-box,
    .blackFridayMain .categorypage-body .product-grid .product-list .item-box {
        padding: 10px 10px 0;
    }
}

/* HOMEPAGE OVERRIDES */

/* Slider */

.swiper-entry-wrapper .swiper-slide a img {
    border-radius: 20px;
    border: none
}

.swiper-entry-wrapper .swiper-inner-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media all and (max-width: 768px) {
    .homepage-badges-slider .ink-bootstrap-margin > div {
        padding: 5px
    }

    .swiper-inner-wrapper {
        width: 100%;
        margin: auto
    }

    .homepage-badges-slider .ink-bootstrap-margin {
        margin: auto -5px
    }

    .swiper-entry-wrapper .swiper-slide {
        margin-bottom: 0
    }

    .swiper-entry-wrapper .swiper-inner-wrapper {
        margin-top: 12px;
        margin-bottom: 8px;
    }

}

@media all and (max-width: 480px) {
    .homepage .related-products-grid .item-box.swiper-slide .prices {
        min-height: 94px
    }

    .homepage-badges-slider {
        width: 100%;
        margin: auto;
    }

    .swiper-entry-wrapper .swiper-slide a img {
        border-radius: 5px
    }

}

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

    .bannersExist .page.home-page .page-body {
        padding-top: 690px
    }
}

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

    .bannersExist .page.home-page .page-body {
        padding-top: 640px
    }
}

/* FANCY EFFECTS */

/* SNEG */

#snow {
    position: fixed;
    top:0;
    left:0
}

.snowflake {
    position: absolute;
    width: 20px;
    height: 20px;
    background: linear-gradient(snow,#f6f6f6);
    border-radius: 50%;
    filter: drop-shadow(0 5px 10px #e5d0ce);
}

/*** SKLOP ADVENT ***/

.advent-body .master-wrapper-page {
    background: url('../images/backgrounds/bg-advent.jpg') left center no-repeat;
    background-size: cover
}

body.advent-body .category-description * {
    color: #FFF !important;
    text-shadow: 1px 1px 3px rgba(4, 0, 64, 1);
    border-radius: 20px
}

body.advent-body .advent-desc {
    background: rgba(13, 29, 45, 0.8);
    padding: 20px;
    margin: 5px;
}

.koledarCategory.flip-box-outer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    text-align: center;
}

.koledarCategory .flip-box-inner {
    position: absolute;
    top:0
}

.koledarCategory div.flip-box:before {
    content: "";
    height: 0;
    padding-top: 100%;
    display: block;
}

.koledarCategory div.flip-box {
    line-height: 0 !important;
    flex: 0 0 16.6667%;
}

.koledarCategory img {
    width: 100% !important
}

    .koledarCategory img:last-child {
        max-width: 100% !important
    }

@media all and (max-width: 1200px) {
    .koledarCategory div.flip-box  {
        flex: 0 0 20%;
    }
}

@media all and (max-width: 1000px) {
    .koledarCategory div.flip-box  {
        flex: 0 0 33.3334%;
    }
}

@media all and (max-width: 580px) {
    .koledarCategory div.flip-box  {
        flex: 0 0 50%;
    }
}

/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 5px solid transparent;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
    background-color: transparent;
    color: black;
}

/* Style the back side */
.flip-box-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
    opacity: 0;
    transition: ease-in-out all 0.7s;
}

.flip-box:hover .flip-box-back {
    opacity: 1
}

/* Cena zadnjih 30 dni */

aside.pricelast30 {
    margin-top: 10px;
    color: #ccc;
    font-size: 12px;
}