/***** START VSEZASOLO *****/

/* TORBE IZBIRNIK */

#allproductvzs {
    height: 97vh !important;
    top: 110px !important;
    position: fixed !important
}

.vsezasolo .ui-autocomplete {
    z-index: 2147483647
}

.shadowTrigger {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000000001;
    display: none;
    top: 0
}

.shadowTriggerOverlay {
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0.8;
}

.exitShadowTrigger {
    color: #FFF;
    position: absolute;
    right: 40px;
    top: 25px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border: 1px solid #FFF;
    border-radius: 50%;
    line-height: 50px;
    font-size: 40px;
    text-align: center;
    z-index: 1000000002;
}

.shadowTrigger.shadowOn {
    display: block
}


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

/* tweaks */

.vsezasolo div .cnj-trust-mark-vertical.d-flex {
    display:none
}

.vsezasolo .printer-box {
    display: none
}

.vsezasolo .search-box {
    width: 100%;
    margin-bottom: 10px;
}

.vsezasolo .header-lower-wraper input[type="text"] {
    box-shadow: none !important
}

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

/* vsezasolo kategorija */

.vsezasolo-category .side-2 .banners {
    display:none
}

.vsezasolo-landing.vsezasolo-category .center-2 {
    margin-top: 5px
}

.vsezasolo.vsezasolo-category .header-lower-wraper input[type="text"] {
    width: 77%
}

/* vsezasolo - meni */

.vsezasolo .header-menu > ul > li > a {
    color: #FFF
}

.vsezasolo .header-upper-wrapper2 {
    /* background: #07b6ac; */
    z-index: 10000;
}

/* vsezasolo - iskalnik */

.vsezasolo .header-category-wrapper {
    background: #07b6ac;
    z-index: 300;
    position: relative;
}

    .vsezasolo .header-category-wrapper.shadowOn {
        z-index: 1000000003
    }

.resultvzscontactus {
    margin: 30px 0;
    background: #07b6ac;
    color:#FFF;
    font-size:2em;
    line-height:1.3em;
    font-weight:bold;
    padding: 20px;
    border-radius: 10px
}

/* vsezasolo search */

.vsezasolo .header-lower-wraper {
    display: flex
}

    .vsezasolo .header-lower-wraper input[type="text"],
    .vsezasolo .header-lower-wraper input[type="password"],
    .vsezasolo .header-lower-wraper textarea,
    .vsezasolo .header-lower-wraper select,
    .vsezasolo .header-lower-wraper .razred-box .dd {
        border: none;
        -webkit-box-shadow: 3px 3px 8px 0px rgba(74, 15, 83,0.37);
        box-shadow: 3px 3px 8px 0px rgba(74, 15, 83,0.37);
    }

    .vsezasolo .header-lower-wraper .razred-box .borderRadius,
    .vsezasolo .header-lower-wraper .razred-box .borderRadiusTp {
        border-radius: 3px
    }

    .vsezasolo .header-lower-wraper input[type="text"] {
        border-radius: 0px 3px 3px 0;
    }

.vsezasolo .dd .ddTitle .ddTitleText,
.vsezasolo .dd .ddTitle .ddTitleText .ddlabel {
    text-align: left;
    font-size: 14px
}

.vsezasolo .ddcommon ul {
    background: #FFF
}

.vsezasolo .dd .ddChild li {
    text-align: left
}

    .vsezasolo .dd .ddChild li.selected {
        background-color: #07b6ac;
        width: 100%;
        margin-top: 0;
        padding: 0
    }


.vsezasolo .vzsizbirnik {
    width: 73%;
    display: flex;
    padding: 15px 0 10px;
}

    .vsezasolo .vzsizbirnik:before {
        content: "";
        width: 80px;
        display: flex;
        padding: 15px 0 10px;
        background: #1f899a url("../images/sola-search.png") center center no-repeat;
        border-radius: 3px 0 0 3px;
        height: 60px
    }

.vsezasolo .sola-box {
    width: 49%;
    margin-right: 2%
}

.vsezasolo .razred-box {
    width: 49%;
}

    .vsezasolo .sola-box input,
    .vsezasolo .razred-box select {
        width: 100%;
        height: 40px;
    }

.vsezasolo .banner-box {
    width: 25%;
    margin-right: 2%;
    color: #FFF;
    text-align: left;
    padding: 15px 0;
    line-height: 60px
}

    .vsezasolo .banner-box p {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

.razred-box .dd.ddcommon,
.razred-box .dd .ddTitle {
    width: 100% !important;
    max-width: 100% !important
}

/* vsezasolo - main blocks */

.center-2 .vzsMainBlock {
    height: 0;
    padding-bottom: 55%
}

.vzsMainBlock.w50 {
    display: inline-block;
    width: 49%
}

    .vzsMainBlock.w50:nth-child(odd) {
        margin-right: 2%
    }

.vzsMainBlock {
    display: block;
    padding: 20px;
    margin: 20px 0
}

    .vzsMainBlock.blockGreen {
        background: #07b6ac;
    }

    .vzsMainBlock.blockOrange {
        background: #e85a10;
    }

    .vzsMainBlock.blockPurple {
        background: #4a0f53;
    }

    .vzsMainBlock.blockPink {
        background: #a840b8;
    }

    .vzsMainBlock.blockTorbe {
        background: url('../images/vzs-torbe.jpg') center center no-repeat;
        background-size: cover
    }

    .vzsMainBlock.blockPribor {
        background: url('../images/vzs-pribor.jpg') center center no-repeat;
        background-size: cover
    }

    .vzsMainBlock.blockPeresnice {
        background: url('../images/vzs-peresnice.jpg') center center no-repeat;
        background-size: cover
    }

    .vzsMainBlock.blockPisalniPribor {
        background: url('../images/vzs-pisalni-pribor.jpg') center center no-repeat;
        background-size: cover
    }

    .vzsMainBlock.blockLikovni {
        background: url('../images/vzs-likovni.jpg') center center no-repeat;
        background-size: cover
    }

    .vzsMainBlock.blockNaprave {
        background: url('../images/vzs-naprave.jpg') center center no-repeat;
        background-size: cover
    }

    .vzsMainBlock p {
        color: #FFF;
        font-size: 20px;
        line-height: 24px;
        background: rgba(0,0,0,0.5) no-repeat scroll 0 0;
        padding: 10px;
        margin-bottom: 15px
    }

    .vzsMainBlock .vzsBtn a {
        background: #FFF;
        padding: 20px;
        border-radius: 40px;
        display: inline-block;
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        font-weight: 700;
        font-size: 16px;
        -webkit-transition: all .35s ease;
        transition: all .35s ease
    }

    .vzsMainBlock.blockGreen .vzsBtn a {
        color: #07b6ac;
    }

        .vzsMainBlock.blockGreen .vzsBtn a:hover {
            background: #07b6ac;
            color: #FFF
        }

    .vzsMainBlock.blockOrange .vzsBtn a {
        color: #e85a10;
    }

        .vzsMainBlock.blockOrange .vzsBtn a:hover {
            background: #e85a10;
            color: #FFF
        }

    .vzsMainBlock.blockPink .vzsBtn a {
        color: #a840b8;
    }

        .vzsMainBlock.blockPink .vzsBtn a:hover {
            background: #a840b8;
            color: #FFF
        }

    .vzsMainBlock.blockPurple .vzsBtn a {
        color: #4a0f53;
    }

        .vzsMainBlock.blockPurple .vzsBtn a:hover {
            background: #4a0f53;
            color: #FFF
        }

.vsezasolo .vsebina3,
.vsezasolo .vsebina4 {
    display: flex;
    margin: -20px 0
}

    .vsezasolo .vsebina3 .vzsMainBlock p,
    .vsezasolo .vsebina4 .vzsMainBlock p {
        font-size: 12px;
        line-height: 14px
    }

    .vsezasolo .vsebina3 .vzsMainBlock a,
    .vsezasolo .vsebina4 .vzsMainBlock a {
        font-size: 12px;
        padding: 10px
    }

/* vsezasolo - Levi Meni */

.vzsMenuBtn {
    border-bottom: 1px dashed #4ec7c1;
    line-height: 42px
}

    .vzsMenuBtn a {
        color: #FFF;
        font-size: 17px;
        line-height: initial;
        width: 100%;
        display: flex;
        vertical-align: middle;
        transition: .25s;
        align-items: center;
        padding: 5px 0;
    }

        .vzsMenuBtn a:hover {
            margin-left: 10px;
        }

        .vzsMenuBtn a img {
            float: left;
            margin-right: 10px
        }

.leftMenuTrigger {
    display: none
}

/* Lightbox */

.vsezasolo #fancybox-overlay {
    background-color: #000 !important;
    opacity: 0.8 !important;
}

#allproductvzsframe {
    border:none
}

.fancybox-slide {
    width: 98%
}

.fancybox-container.fancybox-is-open .fancybox-bg {
    background: rgba(255,255,255,0.0) !important
}

.fancybox-inner {
    
}

    .fancybox-inner #fancy-div {
        -webkit-box-shadow: 0px 0px 800px 800px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 800px 800px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 800px 800px rgba(0,0,0,0.75);
    }

.master-wrapper-content.fancybox-content {
    margin-top: 50px;
    -webkit-box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.75);
}

/* SUCCESS - ne more biti, ker je lahko zaloga "0"
.cd-main-content input.button-2.product-box-add-to-cart-button:visited,
.cd-main-content input.button-2.product-box-add-to-cart-button:focus {
    background: #41307c url(../images/vzs/check.png) center center no-repeat;
    font-size: 0
}
*/


/* VSEZASOLO LANDING */

.vsezasolo-landing .center-2 {
    margin-top: 20px
}

/* accordion */

.accordion-body {
    /*display: none;  - we dotn use it anymore */
    background: #FFF
}

.vsezasolo-landing .accordion {
    padding: 0;
    width: 100%
}

.accordion__item .accordion-header {
    padding: 0;
    position: relative;
    margin: 0;
    cursor: pointer
}

.vsezasolo-landing .accordion .accordion__item {
    padding: 0
}

    .vsezasolo-landing .accordion .accordion__item:last-child {
        margin-bottom: 0
    }

    .vsezasolo-landing .accordion .accordion__item h3 {
        color: #FFF;
        background: #07b6ac;
        padding: 20px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-size: 16px;
        margin: 20px 0;
        cursor: pointer
    }

    .vsezasolo-landing .accordion .accordion__item:nth-child(2) h3 {
        background: #1f899a;
    }

    .vsezasolo-landing .accordion .accordion__item:nth-child(3) h3 {
        background: #295f73;
    }

    .vsezasolo-landing .accordion .accordion__item:nth-child(4) h3 {
        background: #213f50
    }

    .vsezasolo-landing .accordion .accordion__item div.answer {
        padding: 10px 0
    }

.accordion__item .accordion-body .accordion__item {
    padding: 0px;
}

.vsezasolo .accordion .accordion-body .accordion__item {
    background: #ffefd5;
    border-bottom: 1px solid #FFF;
}

.accordion__item .accordion-body .accordion__item .accordion-header {
    padding: 20px 15px 20px 50px;
    color: #FFF;
    font-weight: bold;
    width: 300px;
    height: 60px;
}

    .accordion__item .accordion-body .accordion__item .accordion-header:before {
        content: " ";
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        float: left;
        position: absolute;
        right: -30px;
        top: 0;
    }

.accordion__item .accordion-body .accordion__item:nth-child(5n+1) .accordion-header {
    background-color: #e85a10;
}

    .accordion__item .accordion-body .accordion__item:nth-child(5n+1) .accordion-header:before {
        border-left: 30px solid #e85a10;
    }

.accordion__item .accordion-body .accordion__item:nth-child(5n+2) .accordion-header {
    background-color: #ea6925
}

    .accordion__item .accordion-body .accordion__item:nth-child(5n+2) .accordion-header:before {
        border-left: 30px solid #ea6925;
    }

.accordion__item .accordion-body .accordion__item:nth-child(5n+3) .accordion-header {
    background-color: #ec783c
}

    .accordion__item .accordion-body .accordion__item:nth-child(5n+3) .accordion-header:before {
        border-left: 30px solid #ec783c;
    }

.accordion__item .accordion-body .accordion__item:nth-child(5n+4) .accordion-header {
    background-color: #ee8853
}

    .accordion__item .accordion-body .accordion__item:nth-child(5n+4) .accordion-header:before {
        border-left: 30px solid #ee8853;
    }

.accordion__item .accordion-body .accordion__item:nth-child(5n+5) .accordion-header {
    background-color: #f1986a
}

    .accordion__item .accordion-body .accordion__item:nth-child(5n+5) .accordion-header:before {
        border-left: 30px solid #f1986a;
    }

.accordion__item .accordion-body .accordion__item:nth-child(5n+1) {
    background-color: #fff3e1;
}

.accordion__item .accordion-body .accordion__item:nth-child(5n+2) {
    background-color: #fff5e5
}

.accordion__item .accordion-body .accordion__item:nth-child(5n+3) {
    background-color: #fff6ea
}

.accordion__item .accordion-body .accordion__item:nth-child(5n+4) {
    background-color: #fff8ee
}

.accordion__item .accordion-body .accordion__item:nth-child(5n+5) {
    background-color: #fffaf2
}

.vsezasolo .accordion .accordion__item h3:after {
    content: url(../images/accordion-arrow.png);
    height: 28px;
    width: 28px;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
}

.vsezasolo .accordion .accordion__item.active h3:after {
    transform: rotate( 90deg );
}

/* ikone */

.vzs-obv-peresnice .accordion-header {
    background-image: url('../images/vzs/peresnice.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-zvezki .accordion-header {
    background-image: url('../images/vzs/zvezki.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-pisala .accordion-header {
    background-image: url('../images/vzs/pisala.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-likovni .accordion-header {
    background-image: url('../images/vzs/likovni-pripomocki.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-mape .accordion-header {
    background-image: url('../images/vzs/mape-registratorji.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-papir .accordion-header {
    background-image: url('../images/vzs/papirni-izdelki.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-droben .accordion-header {
    background-image: url('../images/vzs/ostalo-sola.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-matematika .accordion-header {
    background-image: url('../images/vzs/kalkulatorji.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-copati .accordion-header {
    background-image: url('../images/vzs/copati.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-naprave .accordion-header {
    background-image: url('../images/vzs/naprave.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-dodatki .accordion-header {
    background-image: url('../images/vzs/ravnila.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-kreativa .accordion-header {
    background-image: url('../images/vzs/peresnice.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-otroski {
    background-image: url('../images/vzs/peresnice.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.vzs-obv-arhiviranje {
    background-image: url('../images/vzs/peresnice.png');
    background-position: left 10px center;
    background-repeat: no-repeat
}

.accordion-header:hover {
}

.accordion__item > .accordion-header:after {
    display: none !important
}

.inner_accordion {
    padding-top: 20px;
}

.vsezasolo .secondaryButtonsAccordion {
    margin: 0 0 60px;
    display: inline-block;
    width: 100%;
    padding: 30px 20px 10px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.vsezasolo .mainButtonsAccordion {
    margin: 0 0 60px;
    display: inline-block;
    width: 100%;
    padding: 30px 20px 10px;
    background: #f8f8f8;
    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;
}

    .vsezasolo .mainButtonsAccordion button {
        padding: 15px 30px;
        border-radius: 4px;
        border: none;
        color: #FFF;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        margin: 0 auto 20px
    }

        .vsezasolo .mainButtonsAccordion button.newSchool {
            background: #1f899a url(../images/plus-qty.png) 10px center no-repeat;
            padding: 10px 20px;
            padding-left: 40px;
            float: none;
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
        }

            .vsezasolo .mainButtonsAccordion button.newSchool:hover {
                background: #07b6ac url(../images/plus-qty.png) 10px center no-repeat;
            }

        .vsezasolo .mainButtonsAccordion button.addAllToCart {
            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 rgba(0,0,0,0.45);
            box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
            text-shadow: 1px 1px 2px #333;
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
        }

            .vsezasolo .mainButtonsAccordion button.addAllToCart:hover {
                background: #4a0f53 url(../images/add-to-shopping-cart.png) right 15px center no-repeat;
            }


/* izdelek */

.vsezasolo-landing .categorypage-body .item-box .picture a img {
    padding: 10px
}

.vsezasolo-landing .categorypage-body .item-box .picture a:before {
    padding-top: 70%
}

.vsezasolo-landing .accordion .item-box .prices {
    min-height: 30px;
    height: 35px;
    padding-top: 0;
}

.vsezasolo-landing .accordion .item-box .actual-price {
    color: #07b6ac;
    font-weight: normal
}

.vsezasolo .accordion .quantity {
    width: 100px;
    margin: 0 auto 5px
}

.vsezasolo .accordion button {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e85a10;
    border: none;
    margin-top: 3px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

    .vsezasolo .accordion button.deductqnt {
        float: left;
        background: #07b6ac url(../images/minus-qty.png) center center no-repeat
    }

    .vsezasolo .accordion button.addqnt {
        float: right;
        background: #07b6ac url(../images/plus-qty.png) center center no-repeat
    }

    .vsezasolo .accordion button:hover {
        background-color: #1f899a;
    }

.vsezasolo .mainButtonsAccordion button.addAllToCart {
    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 rgba(0,0,0,0.45);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
    text-shadow: 1px 1px 2px #333;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: auto;
    height: auto;
    border-radius: 8px;
}

    .vsezasolo .mainButtonsAccordion button.addAllToCart:hover {
        background: #4a0f53 url(../images/add-to-shopping-cart.png) right 15px center no-repeat;
    }

.secondaryButtonsAccordion {
    display: flex;
    flex-grow: 3;
    justify-content: space-between;
}

.vzs_btn {
    font-size: 24px
}

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

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

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

.vsezasolo .qty-input {
    width: 36px;
    text-align: center
}

.vsezasolo .categorypage-body .product-grid .item-box .picture {
    margin-bottom: 0
}

.vsezasolo .item-box .product-box-add-to-cart-button {
    width: 80%;
    border-radius: 5em;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.vsezasolo-landing .more-link {
    font-size: 12px;
    padding: 5px 0;
    margin-bottom: 5px;
    display: inline-block
}

.productSelection {
    position: relative;
}

.vsezasolo-landing .productSelection {
    margin: 10px 0 5px;
    display: inline-block
}

    .vsezasolo-landing .productSelection * {
        font-size:0px;
        color: #FFF;
        padding: 3px 5px;
        border-radius: 4px;
        margin-top: 0;
        cursor: pointer
    }

    .vsezasolo-landing .productSelection .selected {
        font-weight: bold;
        color: #FFF;
        position: absolute;
        z-index: 1;
        top: 2px;
        left: 4px;
        background: url(../images/vzs/izbrano.png) center center no-repeat;
        width: 70px;
        height: 26px
    }

    .vsezasolo-landing .productSelection .notselected {
        color: #FFF;
        padding: 2px 3px;
        position: absolute;
        z-index: 1;
        top: 2px;
        right: 10px;
        background: url(../images/vzs/izbrano-ne.png) center center no-repeat;
        width: 70px;
        height: 26px
    }

.btnAllOther {
    text-align: center
}

.allotherproducts {
    background: #07b6ac;
    margin: 30px auto;
    width: auto;
    display: inline-block;
    height: 40px;
    color: #FFF;
    line-height: 40px;
    border-radius: 40px;
    padding: 0 20px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.vsezasolo .allotherproducts:hover {
    background: #1f899a;
}

.torbeGumb {
    display: inline-block;
    width: 100%;
}

.arrowBounce {
    position: relative;
    bottom: -2rem;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    /**
   * Dark Arrow Down
   */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjA4QTlCO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzk3LDkyLjFjMTMuOC0xMy44LDI3LjMtMTMuOSw0MS4xLTAuMmMxOS43LDE5LjYsMzkuMiwzOS4zLDU4LjksNTguOGM2LjYsNi41LDEyLjksMTMuMSwxNC45LDIyLjUNCgkJYzAsMSwwLjEsMS45LDAuMSwyLjljLTEuMywxMC4yLTcuOCwxNi45LTE0LjYsMjMuNkM0MjQsMjczLDM1MC41LDM0Ni4zLDI3Ny41LDQyMGMtMTMuMiwxMy4zLTI5LjQsMTMuOC00My4xLDANCgkJYy03My03My43LTE0Ni41LTE0Ny0yMTkuOS0yMjAuM2MtNi44LTYuOC0xMy4yLTEzLjQtMTQuNi0yMy41YzAtMSwwLjEtMiwwLjEtMy4xYzItOS41LDguNC0xNiwxNS0yMi41DQoJCWMxOS42LTE5LjMsMzkuNC0zOC41LDU4LjMtNTguNWMxMi44LTEzLjUsMjkuNC0xMi45LDQyLjIsMC4yTDI1NiwyMzUuNUwzOTcsOTIuMXoiLz4NCjwvZz4NCjwvc3ZnPg0K");
    background-size: contain;
}

.bounce {
    animation: bounce 2s infinite;
}

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

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

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

/* izdelek - popup */

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

#fancybox-content .master-wrapper-content {
    width: 100%;
    background: #fff
}

#fancybox-content .gallery {
    width: 30%;
}

#fancybox-content .overview {
    width: 68%;
}

#fancybox-content .page.product-details-page {
    text-align:left
}

/* izdelek - checkbox - selected */

.accordion__item input[type="checkbox"] {
    position: relative;
    width: 115px;
    height: 30px;
    -webkit-appearance: none;
    background: #e85a10;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    transition: .35s
}

.accordion__item input:checked[type="checkbox"] {
    background: #07b6ac;
}

.accordion__item input[type="checkbox"]:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    top: 0;
    left: 0;
    background: #FFF;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    transition: .35s;
}

.accordion__item input[type="checkbox"]:before {
    background: #FFE url(../images/check-ne.png) center 7px no-repeat;
    background-size: 18px;
}

.accordion__item input:checked[type="checkbox"]:before {
    left: 85px;
    background: #1f899a url(../images/check.png) center center no-repeat
}

/* VSEZASOLO media queries */

@media all and (min-width:450px) {
    .vsezasolo.vsezasolo-category .header-lower-wraper input[type="text"] {
        width: 82%
    }
}

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

    .vsezasolo.vsezasolo-category .header-lower-wraper input[type="text"] {
        width: 70%
    }

    .center-2 .vzsMainBlock {
        padding-bottom: 45%
    }

    .center-2 .vsebina3 .vzsMainBlock,
    .center-2 .vsebina4 .vzsMainBlock {
        padding-bottom: 40%
    }

    .vsezasolo-landing .accordion .accordion__item div.answer {
        padding: 10px
    }

    .availability .prednarocilo {
        font-size: 12px;
        line-height: 12px;
        float: left
    }
}

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

    .vsezasolo.vsezasolo-category .header-lower-wraper input[type="text"] {
        width: 78%
    }

    .vsezasolo .sola-box input,
    .vsezasolo .razred-box select {
        height: 60px;
    }

    .vsezasolo .vsebina3 .vzsMainBlock p,
    .vsezasolo .vsebina4 .vzsMainBlock p {
        font-size: 20px;
        line-height: 26px
    }

    .vzsMainBlock p {
        font-size: 36px;
        line-height: 40px;
        padding: 15px;
        margin-bottom: 20px
    }

    .vsezasolo .vsebina3 .vzsMainBlock .vzsBtn a,
    .vsezasolo .vsebina4 .vzsMainBlock .vzsBtn a {
        font-size: 16px
    }

    .vsezasolo .categorypage-body .product-grid .item-box .product-item {
        border-radius: 40px;
        -webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.10);
        box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.10);
        overflow: hidden;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

    .vsezasolo .categorypage-body .product-grid .item-box:hover .product-item {
        border-radius: 20px;
        -webkit-box-shadow: 2px 2px 4px 3px rgba(0,0,0,0.20);
        box-shadow: 2px 2px 4px 3px rgba(0,0,0,0.20);
    }

    .vsezasolo-landing .accordion .accordion__item h3 {
        font-size: 28px
    }

    .vsezasolo .accordion .accordion__item h3:after {
        top: 23px;
        right: 23px;
    }

    .vsezasolo .mainButtonsAccordion {
        display: inline-block;
    }

        .vsezasolo .mainButtonsAccordion button.addAllToCart {
            float: right;
        }

        .vsezasolo .mainButtonsAccordion button.newSchool {
            float: left;
        }
}

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

    /* Lightbox */

    #fancybox-content .gallery {
        width: 30%;
        float: left
    }

    #fancybox-content .overview {
        float: right
    }

        #fancybox-content .overview.singleItem {
            display:inline-block;
            text-align:left
        }
}
@media all and (min-width:769px) {

    .vsezasolo.vsezasolo-category .header-lower-wraper input[type="text"] {
        width: 80%
    }

    .center-2 .vzsMainBlock {
        padding-bottom: 30%
    }

    .center-2 .vsebina3 .vzsMainBlock,
    .center-2 .vsebina4 .vzsMainBlock {
        padding-bottom: 28%
    }

    .vzsMainBlock .vzsBtn a {
        font-size: 24px
    }

    .vsezasolo .vsebina3 .vzsMainBlock .vzsBtn a,
    .vsezasolo .vsebina4 .vzsMainBlock .vzsBtn a {
        font-size: 22px;
        padding: 15px
    }
}

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

    .vsezasolo.vsezasolo-category .header-lower-wraper input[type="text"] {
        width: 86%
    }

    .center-2 .vzsMainBlock {
        padding-bottom: 35%
    }

    .vzsMainBlock .vzsBtn a {
        font-size: 26px
    }

    #contactusvzscontainer .form-fields {
        background-image: url(../images/school-questionnaire.png);
        background-repeat: no-repeat;
        background-position: right;
    }

}

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

    .vsezasolo.vsezasolo-category .header-lower-wraper input[type="text"] {
        width: 90%
    }

    .center-2 .vzsMainBlock {
        padding-bottom: 28%
    }
}

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

    .vzs_btn {
        font-size: 14px
    }

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

    .vsezasolo .vzsizbirnik,
    .vzstemplate.banner-box {
        width: 100%;
        padding: 0
    }

    .vsezasolo .vzsizbirnik {
        padding-bottom: 10px
    }

    .razred-box .dd.ddcommon,
    .razred-box .dd .ddTitle {
        width: 100% !important;
        max-width: 100% !important
    }

    .block-category-navigation-filters .vzsMainBlock.blockGreen {
        display: none
    }

        .block-category-navigation-filters .vzsMainBlock.blockGreen.visible {
            display: block
        }

    .leftMenuTrigger {
        background: #1f899a;
        color: #fff;
        font-size: 20px;
        padding: 10px 15px;
        margin-top: 20px;
        display: block;
        text-align: center
    }

    .block-category-navigation-filters .vzsMainBlock.blockGreen {
        margin-top: 0px;
        padding-top: 0
    }

    .showTrigger {
        display: none
    }

        .showTrigger.visible {
            display: block
        }

    .hideTrigger {
        display: none
    }

        .hideTrigger.visible {
            display: block
        }
}

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

    .vsezasolo .header-category-wrapper.shadowOn {
        z-index: 10000000000;
        top: 115px;
        position: absolute;
        width: 100%;
    }

    #fancybox-content .product-details-page .product-name h1 {
        font-size: 20px
    }

    #fancybox-content .full-description {
        font-size: 12px
    }

}

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

    #fancybox-content .gallery,
    #fancybox-content .overview {
        width: 100%
    }

}

@media all and (max-width:640px) {
    .vsezasolo .vzsizbirnik:before {
        width: 50px;
        height: 40px;
        background-size: 20px
    }

    .vzs_btn {
        display: block
    }

    .vsezasolo .secondaryButtonsAccordion {
        display: block
    }

    .vsezasolo .vzsizbirnik {
        display: inline-block
    }

    .vsezasolo .sola-box,
    .vsezasolo .razred-box {
        width: auto;
        margin-right:0
    }

    .vsezasolo .sola-box {
        margin-left: 50px;
        margin-bottom: 10px
    }

    .vsezasolo .vzsizbirnik:before {
        width: 50px;
        height: 40px;
        background-size: 20px;
        float: left;
    }

    .vsezasolo .razred-box .dd.ddcommon,
    .vsezasolo .razred-box .ddTitle.borderRadiusTp {
        height: 40px !important
    }

    .vsezasolo .razred-box .dd .ddTitle .ddTitleText {
        padding: 0 0 0 10px;
        line-height: 40px
    }

    #fancybox-content .product-details-page .product-name h1 {
        font-size: 18px
    }

    .overview .product-price label, .variant-overview .product-price label {
        font-size: 28px
    }

    #fancybox-wrap {
        padding: 10px
    }

}

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

    .vsezasolo .selected label.selected,
    .vsezasolo .selected label.notselected {
        top: 5px
    }

}

body:not(.sola-izbirnik-visible).vsezasolo .header-category-wrapper {
    display: none !important
}

/* Tole spodaj se zakomentira, ko je search po šolah aktiven */

body.sola-izbirnik-visible.vsezasolo .header-category-wrapper {
    display: none !important
}

/***** END VSEZASOLO *****/