﻿.greyed { background-color: #fcfcfc }

img[src*=default-image] { display: none; }

.pdw-essential .short-description ul li:first-child { font-size: 25px; color: #b93041; list-style-type: none; margin-left: -30px; margin-bottom: 20px }

.order-details-page .attributes ul li { margin: 3px 0 3px; }

.order-details-page .attributes .attcont + br { display: none }

.order-details-page .data-table td { vertical-align: top }

#npacc-catalog .slidercontainer { display: block; width: 100%; overflow: visible !important; }

#siteMenu ul.top-menu li.hasChild.cat_id_14 .top_menu_sub_wrapper.first-level { right: 0 !important; left: auto; }

.OpinionDescription a { color: #fff; font-size: 15px; }

.OpinionDescription h3 {
    color: #fff;
}

.OpinionDescription a:hover { text-decoration: underline; }

.eu-cookie-bar-notification { position: fixed; width: 100%; left: 0; bottom: 0; top: auto; background: rgba(0,0,0,0.6); color: #fff; font-size: 12px; padding: 20px 0 0 0; text-align: center; margin: auto; height: auto; border: 0; border-top: 1px solid #ccc; }

.eu-cookie-bar-notification a { display: inline-block; font-size: 13px }

.eu-cookie-bar-notification .text { display: block; margin-bottom: 5px }

.eu-cookie-bar-notification .buttons-more .ok-button { color: #fff !important; margin-right: 10px }

.eu-cookie-bar-notification .buttons-more a { color: #fff }

.eu-cookie-bar-notification .buttons-more a:hover { color: #eaeaea }

.blog-page .pager li.next-page *,.blog-page .pager li.previous-page *,.blog-page .pager li.last-page *,.blog-page .pager li.first-page * {
    color: transparent;
}

.blog-page .page-body .pager li.next-page > a:hover, .blog-page .page-body .pager li.next-page > a:focus,
.blog-page .page-body .pager li.previous-page > a:hover, .blog-page .page-body .pager li.previous-page > a:focus { color: transparent; }

.bigbutton2 { line-height: 1px; width: 1px; padding: 0px; background-color: transparent; margin: 0 }

/* IMAGE MAP CATEGORY */

#imagemapContainer { position: relative;     max-width: 770px;    text-align: center;    margin: 0 auto;} 
#imagemapContainer .img-container { position: relative; display: inline; }

#imagemapContainer p { word-break: keep-all; }

#imagemapContainer .btn { background-color: #b93041; border: none; color: white; /* padding: 20px; */ text-align: center; text-decoration: none; display: inline-block; font-size: 14px; /* margin: 4px 2px; */ border-radius: 50%; width: 30px; height: 30px; cursor: pointer; /*animation: shadow-pulse 3s linear 0s infinite alternate;*/ transition: all .2s ease-in-out; }

#imagemapContainer .btn ::before { content: ""; position: absolute; background: #fff; top: 0; bottom: 0; right: 0; left: 0; margin: auto; transition: all .2s ease-in-out; }

.btn-lg, .btn-group-lg > .btn { padding: 6px 7px; }

div#tawlr-image-modal img {
    max-width: none
}

@keyframes shadow-pulse {
    0% { box-shadow: 0 0 50px #a01f25; }

    50% { box-shadow: 0 0 80px #ce1f25; }

    80% { box-shadow: 0 0 50px #ce1f25; }

    100% { box-shadow: 0 0 80px #a01f25; }
}

#imagemapContainer .item_active::after { content: "-"; }

#imagemapContainer .item_inactive:after { content: "+"; }

#imagemapContainer #window { /* background-color: red; */ /* display: inline-block; */ }

#imagemapContainer .item_details { display: none; }

#imagemapContainer .item_img { display: none; }

#imagemapContainer .modal { text-align: center; /*new added*/ max-width: 100%; max-height: 100%; width: 1722px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 681px; }

#imagemapContainer .modal-content { background-color: #333940; padding: 8px 14px; font-size: 1rem; color: #fff; }

#imagemapContainer .modal-content span { color: #fff; }

@media screen and (min-width: 768px) {
    #imagemapContainer .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}

#imagemapContainer .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

/* popover if needed*/
#imagemapContainer .popover .popover-header { padding: 8px 10px; min-width: 800px; background-color: #000; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

#imagemapContainer .popover .popover-title { background-color: #000; background-color: transparent; border: none; font-weight: bold; }

#imagemapContainer .popover.fade.right.in { }

/*DMSContentRequest*/

#CustomerSitesWrapper > div > div > div.page-body > div > div > form > div.form-fields > div.inputs.dms_countries_dropdown > div { width: 46% }

#CustomerSitesWrapper > div > div > div.page-body > div > div > form > div.form-fields > div.inputs.dms_countries_dropdown > div > div > ul > li > a > span.text { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; text-align: left; }

/*Google maps iframe*/

.map_container { margin-bottom: 50px; }

/*
.map_iframe {
    margin-top: -50px;
}*/

/*DmsDocRequest*/
.dms_download_urls_page { margin-top: 20px; text-align: center; font-size: 18px; }

/*contact advisor form*/

#contact_advisor_form textarea { height: 105px; }

#contact_advisor_form input[type='checkbox'] { width: 12px !important; top: 16px; }

#contact_advisor_form input[type='checkbox'] + label { margin-left: 15px; }

/*Original contact form*/
.contact-us-form-wrapper .contact-page .fieldset input[type='checkbox'] { top: 17px; width: 13px !important; }

.contact-us-form-wrapper .contact-page .fieldset input[type='checkbox'] + label { margin-left: 14px; }

div.inputs label.bold { font-weight: bold !important }

/*DMS Docs*/

.dms-doc-page #sn_help { background-color: #b93041; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 4px 2px; border-radius: 50%; width: 25px; height: 25px; cursor: pointer; float: right; margin-top: -5px; padding: 5px; }

.dms-doc-page #exampleModal .modal-backdrop { z-index: 100000 !important; }

.dms-doc-page #exampleModal .modal { z-index: 100001 !important; }

/*SalesData*/

#sales_data_main #sales_partial_container, #sales_data_main #sales_partial_grid, #sales_data_main #sales_partial_modal { font-family: Roboto, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-numeric: normal; font-weight: 400; }

#sales_data_main #modal_close { color: #90182a; }

#sales_data_main .modal { text-align: center; }

@media screen (min-width: 768px) {
    #sales_data_main .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}

#sales_data_main .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

#sales_data_main .displayed_docs_url { display: none; }

#sales_data_main .docs_url_btn { background: #90182a; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff !important; border: none; text-transform: uppercase; margin: 10px; width: 88%; }

#sales_data_main .docs_url_btn:hover { background-color: #a92135; color: #fff; }

#sales_data_main #myModalLabel { margin-bottom: 0px; }

#sales_data_main #DescModal_dialog { margin: 0 auto; height: 0%; width: 30%; }

#sales_data_main #docsModal_dialog { margin: 0 auto; height: 0%; width: 30%; }

@media (max-width:1270px) {
    #sales_data_main #docsModal_dialog { width: 70%; }
}

#sales_data_main modal backdrop fix
.modal:nth-of-type(even) { z-index: 1052 !important; }

#sales_data_main .modal-backdrop.show:nth-of-type(even) { z-index: 1051 !important; }

#sales_data_main .docs_modal_url { margin-top: 10px; }

#sales_data_main .panel_collapsed::after { content: '\e885'; font-family: strokafonts; color: #000; float: right; font-size: 38px; top: -2px; right: 6px; position: absolute; }

#sales_data_main .panel_displayed::after { content: '\e884'; font-family: strokafonts; color: #90182a; float: right; font-size: 38px; top: -2px; right: 6px; position: absolute; }

#sales_data_main #accordion .panel { margin: auto 66px; border-radius: 4px; max-width: 24%; padding: 0px; margin-top: 0px; font-size: 12px; }

#sales_data_main #accordion_container { margin: auto; margin-top: 2%; }

@media (max-width: 1415px) {
    #sales_data_main #accordion .panel { margin: 14px 66px; border-radius: 4px; max-width: 81%; padding: 0px; margin-top: 0px; font-size: 12px; }
}

@media (max-width: 445px) {
    #sales_data_main #accordion .panel { margin: 14px 66px; border-radius: 4px; max-width: 72%; padding: 0px; margin-top: 0px; font-size: 12px; }
}

@media (max-width: 281px) {
    #sales_data_main #accordion .panel { margin: 14px 66px; border-radius: 4px; max-width: 60%; padding: 0px; margin-top: 0px; font-size: 12px; }
}

#sales_data_main .download_pdf_btn { /*margin: 28px auto;*/ margin-left: 2%; margin-top: 25%; }

/*table style*/
#sales_data_main th { background-color: #f1f1ec; text-decoration: none !important; }

/**/

#sales_data_main .selected_desc::after { content: '\e884'; color: #90182a; font-family: strokafonts; /*float: right;*/ font-size: 14px; padding-left: 10px; }

.tech_doc { cursor: pointer; /*text-decoration: none;*/ /*background-color: #90182a;*/ /*border-color: #90182a;*/ }

/*.tech_doc:hover {
        background-color: gray;
    }

.sales_doc_cell_btn:hover {
    background-color: gray;
}

.tech_doc:visited {
    background-color: #90182a;
}

.sales_doc_cell_btn:visited {
    background-color: #90182a;
}*/

.sales_doc_cell_btn { /*background-color: #90182a;*/ color: white; /*border-color: #90182a;*/ /*border-top-color: white;*/ }

.vbln_cell a { color: #90182a; }

.modal_doc_cell_btn { float: right; }

/*Pagination Style*/
#sales_data_main .pager ul li > a { border: 0; padding: 0 !important; display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #404041; font-size: 14px; font-weight: 400; }

#sales_data_main .pager li > a:hover { color: #a92135; background-color: #eee; }

#sales_data_main .pagination > .active > a,
#sales_data_main .pagination > .active > a:hover { color: #e20000; background-color: #fff; }

#sales_data_main .pager a[rel~="next"] { background: url('https://sk-skrlj.com/Themes/Skrlj/Content/images/next.png') center no-repeat; line-height: 0; font-size: 0; color: transparent; }

#sales_data_main .pager a[rel ~= "prev"] { background: url('https://sk-skrlj.com/Themes/Skrlj/Content/images/prev.png') center no-repeat; line-height: 0; font-size: 0; color: transparent; }

@media (min-width: 992px) {
    #sales_data_main .col-md-8 { width: 33.666667% !important; }
}

#sales_data_main .selected::after { content: none !important; }

#sales_data_main #load { /*display: none;*/ position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; width: 100px; height: 100px; background-color: rgba(0, 0, 0, 0.5); }

#sales_data_main #toast { visibility: hidden; display: inline-block; margin: auto; background-color: rgb(64, 64, 65); color: #fff; text-align: center; border-radius: 2px; padding: 16px; height: 50px; overflow: hidden; white-space: nowrap; font-family: "Roboto",sans-serif; }

#sales_data_main #toast.show { visibility: visible; /*-webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
            animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;*/ }

@-webkit-keyframes fadein {
    from { bottom: 0; opacity: 0; }

    to { bottom: 30px; opacity: 1; }
}

@keyframes fadein {
    from { bottom: 0; opacity: 0; }

    to { bottom: 30px; opacity: 1; }
}

@-webkit-keyframes expand {
    from { min-width: 50px }

    to { min-width: 350px }
}

@keyframes expand {
    from { min-width: 50px }

    to { min-width: 350px }
}

@-webkit-keyframes stay {
    from { min-width: 350px }

    to { min-width: 350px }
}

@keyframes stay {
    from { min-width: 350px }

    to { min-width: 350px }
}

@-webkit-keyframes shrink {
    from { min-width: 350px; }

    to { min-width: 50px; }
}

@keyframes shrink {
    from { min-width: 350px; }

    to { min-width: 50px; }
}

@-webkit-keyframes fadeout {
    from { bottom: 30px; opacity: 1; }

    to { bottom: 60px; opacity: 0; }
}

@keyframes fadeout {
    from { bottom: 30px; opacity: 1; }

    to { bottom: 60px; opacity: 0; }
}

#sales_data_main #sales_partial_grid { display: none; }

div.eu-development { position: relative; float: right; right: -200px; top: 16px; }

/*SalesData*/

/*Footer*/

.top-footer .product_doc_btn { margin-top: -25px; }

@media screen and (max-width: 770px) {
    .top-footer .product_doc_btn { margin-top: auto; text-align: center; }
}

@media all and (max-width:1559px) {
    div.eu-development { position: fixed; right: 100px; bottom: 0; top: initial; }
}

/*.contact-page .fieldset .inputs textarea {
    width: 50% !important;
}*/

/*.inputs {padding-bottom: 1%;}
=======
@media screen and (max-width: 767px) {
    .bx-controls {display: none}
}

    /*DMSContentRequest*/
/*.inputs {padding-bottom: 1%;}
>>>>>>> b68ba968981301f8d576a8bd871c516faad85c25:Presentation/Nop.Web/Themes/Skrlj/Content/css/stylescust-3.4.css

form {
    margin: auto 24%;
    padding: 1%;
}

form input {
    width:85%;
    padding: 1%;
}
span.required {
    color: #90182a
}

button.btn.dropdown-toggle.btn-default {
    width: 430%;
}

.button-1 {
    width: 8%;
    margin-top: 3%;
    margin-left: 25%;
}*/

/*#contact_advisor_form input[type='checkbox'] label {
        white-space: nowrap;
    }*/


@media(min-width: 768px) {

    .static-nivo-title-width {
        width: 330px !important;
    }

    .cp-header-button, .cp-header-button-first-level {
        position: absolute;
        top: 9%;
        right: 4%;
        z-index: 10;
    }

    .cp-header-button-first-level button {
        min-width: 140px;
        padding: 5px 20px;
        font-size: 16px;
        font-weight: 200;
        text-transform: uppercase;
        background-color: #90182a;
        border-radius: 5px;
        color: white;        
        border: 0;
    }

    .cp-header-button button {
        min-width: 140px;
        padding: 5px 20px;
        font-size: 16px;
        font-weight: 200;
        text-transform: uppercase;
        background-color: #90182a;
        border-radius: 5px;
        color: white;
        border: 0;
    }
}

@media(max-width: 768px) {
    .cp-header-button, .cp-header-button-first-level {
        position: absolute;
        top: 55%;
        left: 4%;
        z-index: 10;
    }

    .static-nivo-title-width{
        width:100% !important;
    }

    .cp-header-button-first-level button {
        min-width: 80px;
        padding: 3px 12px;
        font-size: 10px;
        font-weight: 200;
        text-transform: uppercase;
        background-color: #90182a;
        border-radius: 5px;
        color: white;        
        border: 0;
    }

    .cp-header-button button {
        min-width: 80px;
        padding: 3px 12px;
        font-size: 10px;
        font-weight: 200;
        text-transform: uppercase;
        background-color: #90182a;
        border-radius: 5px;
        color: white;        
        border: 0;
    }
}

@-moz-document url-prefix() {
    @media(min-width: 768px) {
        .cp-header-button, .cp-header-button-first-level {
            position: absolute;
            top: 9%;
            right: 4%;
            z-index: 10;
        }

            .cp-header-button-first-level button {
                min-width: 140px;
                padding: 5px 20px;
                font-size: 16px;
                font-weight: 200;
                text-transform: uppercase;
                background-color: #90182a;
                border-radius: 5px;
                color: white;
                ;
                border: 0;
            }

            .cp-header-button button {
                min-width: 140px;
                padding: 5px 20px;
                font-size: 16px;
                font-weight: 200;
                text-transform: uppercase;
                background-color: #90182a;
                border-radius: 5px;
                color: white;
                ;
                border: 0;
            }
    }

    @media(max-width: 768px) {
        .cp-header-button {
            position: absolute;
            top: 55%;
            left: -65%;
            z-index: 10;
        }

        .cp-header-button-first-level {
            position: absolute;
            top: 55%;
            left: 5%;
            z-index: 10;
        }

            .cp-header-button-first-level button {
                min-width: 80px;
                padding: 3px 12px;
                font-size: 10px;
                font-weight: 200;
                text-transform: uppercase;
                background-color: #90182a;
                border-radius: 5px;
                color: white;                
                border: 0;
            }

        .cp-header-button button {
            min-width: 80px;
            padding: 3px 12px;
            font-size: 10px;
            font-weight: 200;
            text-transform: uppercase;
            background-color: #90182a;
            border-radius: 5px;
            color: white;            
            border: 0;
        }

    }
}

.static-nivo-wrapper {
    display: flex;
    width: 100%;
    background-size: cover;
    background-position: center center;
    margin-bottom:120px;
}

.static-nivo-button {
    margin-top: 30px;
    text-transform: none !important;
}

.static-nivo-left {
    width: 50%;
    padding: 4% 5%;
    background-image: url("/Content/Images/uploaded/static_banner/banner2.jpg");
    background-size: cover;
    background-repeat: no repeat;
    background-position: center center;
}

.static-nivo-right {
    width: 50%;
}

.static-nivo-right-upper {
    padding: 8% 8%;
    width: 100%;
    background-image: url("/Content/Images/uploaded/static_banner/banner3.jpg");
    background-size: cover;
    background-repeat: no repeat;
    background-position: center center;
}

.static-nivo-right-lower {
    padding: 8% 8%;
    width: 100%;
    background-image: url("/Content/Images/uploaded/static_banner/banner1.jpg");
    background-size: cover;
    background-repeat: no repeat;
    background-position: center center;
}

.static-nivo-title {
    color: #333333 !important;
    font-size: 45px !important;
    font-weight: 750 !important;
    margin-bottom: 0px !important;
}

.static-nivo-title-main {
    font-size: 65px !important;
}

.static-nivo-title-left {
    color: #333333 !important;
    font-size: 60px !important;
    font-weight: 750 !important;
}

#siteCategories {
    padding-top: 20px !important;
}

#siteSearch {
    display: none !important;
}

@media(max-width: 768px) {
    .static-nivo-wrapper {
        display: block !important;
        text-align: center;
    }

    .static-nivo-left {
        border-right: none !important;
        width: 100% !important;
    }

    .static-nivo-right {
        width: 100% !important;
    }
}

@media(min-width: 992px){
    #siteHead .bottom-head nav#siteMenu ul.top-menu > li.cat_id_59 > .top_menu_sub_wrapper.number-3 {
        right: 0 !important;
        left: auto;
    }
}

#siteHead .bottom-head nav#siteMenu ul.top-menu > li.cat_id_14 > .top_menu_sub_wrapper.number-6 {
    width: calc((240px * 4) + 275px);
    margin-left: calc(((-240px * 4) - 275px) / 2);
}

@media(max-width:1270px) {
    #siteHead .bottom-head nav#siteMenu ul.top-menu > li.cat_id_14 > .top_menu_sub_wrapper.number-6 ul {
        display: flex;
        flex-wrap: wrap;
    }

    #siteHead .bottom-head nav#siteMenu ul.top-menu > li.cat_id_14 > .top_menu_sub_wrapper.number-6 {
        width: calc((120px * 4) + 275px);
        margin-left: calc(((-120px * 4) - 275px) / 2);
    }
}

.rotatorImage {
    background: url('https://sk-skrlj.com/Themes/Skrlj/Content/img/rotating_icon.png') center top no-repeat;
    padding: 70px 0 0 0;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

    .product-second-addtocart {
        text-align: center
    }


.page.product-details-page .product-second-addtocart .prices .product-price label {
    font-weight: 700 !important;
    font-size: 14px;
    margin-right: 10px;
}

.page.product-details-page .product-second-addtocart .prices .product-price span {
    font-size: 30px;
}

.page.product-details-page .product-second-addtocart .add-to-cart .add-to-cart-quantity {
    display: none;
}

.shop-contact .icon-stopwatch {
    padding-left: 20px
}

@media (min-width: 1200px) {
    #siteHead .top-head ul.shop-links {
        width: 20%;
    }

    #siteHead .top-head .shop-contact {
        width: 23%;
    }
}

@media (min-width: 768px) {
    .shop-contact {
        width: 33%;
    }
}


.paddingleftdocument {
    padding: 10px 20px 10px 20px;
    text-align: left;
    word-break: break-all;
}

@media (min-width: 768px) {
    .paddingleftdocument {
        text-align: left;
        padding-left: 120px
    }
}

/*  FAQ - contact us */
#accordion_faq_wrapper {
    background-color: #fff;
    margin: 30px auto 30px auto
}

#ph-topic #accordion_faq_wrapper #accordion ul {
    display:block
}

#ph-topic #accordion_faq_wrapper #accordion ul {
    padding: 10px 0 20px 20px;
    margin: 0;
    max-width: 100%;
}

#ph-topic #accordion_faq_wrapper #accordion h2 {
    width: 90%
}

#accordion h2 {
    padding: 9px 9px 7px 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40px 40px;
    background-color: #900028;
    margin: 24px 0 15px 0;
    color: white;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    vertical-align: top;
    width: calc(100% - 210px);
    display: inline-block;
    vertical-align: middle;
    float: left
}

    #accordion h2:after {
        content: "\f0d7";
        font-family: FontAwesome;
        font-size: 1.1em;
        float: right;
        position: relative;
        top: -2px;
        transition: .3s all;
        transform: rotate( 0deg );
    }

    #accordion h2.active:after {
        transform: rotate(-180deg);
    }

#accordion img {
    clear: both;
    display: block;
    line-height: 0;
    vertical-align: middle;
    float: left;
    margin: 15px 10px 25px 0
}

#accordion li:nth-of-type(odd) {
    cursor: pointer
}

#accordion h2 {
    cursor: pointer
}

#accordion li:nth-of-type(even) {
    display: none;
    margin: 10px 20px 15px 33px;
}

#accordion li:nth-of-type(odd) {
    margin: 8px 0 7px 0;
}
    #accordion li:nth-of-type(odd):hover {
      color:  #900028
    }

#accordion li:nth-of-type(odd) p {
    width: calc(100% - 40px)
}

    #accordion li:nth-of-type(odd):before {
        list-style-type: none;
        content: "\f067";
        font-family: FontAwesome;
        margin-right: 10px;
        background-color: #b9b9b9;
        padding: 5px;
    }

#accordion li.active:nth-of-type(odd):before {
    content: "\f068";
}

#accordion ul {
    display: none;
    clear: both;
    list-style-type: none;
    padding: 10px 0 20px 60px;
}

    #accordion ul li p {
        display: inline-block;
    }

.availability .stock.green {
    margin: 0 0 25px;
    background: #85c335;
    padding: 7px 35px 7px 35px;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
}

    .availability .stock.green .label {
        color: white;
        font-size: 13px
    }

.availability2 {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
    right: 0;
}
    .availability2 .stock.green {
        margin: 0;
        background: #85c335;
        padding: 3px 10px 3px 10px;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
        width: 100%;
        font-weight: bold;
    }

    .availability2 .stock.green .label {
        color: white;
        font-size: 10px
    }

@media (max-width: 768px) {
    #accordion h2 {
        width: calc(87% - 60px);
    }
    #accordion ul {
        padding: 10px 20px 20px 20px;
    }
}


/*  landing page extraction */
.landingpage .row {
    margin: 50px 0 50px 0;
}

.landingpage .row .animation.animated img {
    margin: 25px 0 0 0;
}

.landingpage hr {
    margin: 30px 5% 0;
}


.landingpage .row div {
    text-align: justify
}

    .landingpage .row div p {
        text-align: center
    }
    .landingpage .row div a.button {
        margin-top: 20px
    }


    .landingpage .row div h3 {
        color: #90182a;
        font-weight: 800;
        font-size: 30px;
        margin: 20px 0 40px 0;
        text-align: center;
    }

    .landingpage .row div h4 {
        color: #90182a;
        font-weight: 800;
        font-size: 22px;
        margin: 20px 0 20px 0;
        text-align: center;
    }

/*https://codepen.io/josephshambrook/pen/wYvYKr */

.gridlanding {
    display: grid;
    grid-template-rows: repeat(4, 180px);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.itemlanding:nth-child(1) {
    grid-row: 1 / 4;
}

.itemlanding:nth-child(2) {
    grid-column: 2 / 4;
    grid-row: 1 / 3;
}

.itemlanding:nth-child(4) {
    grid-column: 3 / 4;
    grid-row: 3 / 5;
}

.itemlanding:nth-child(3) {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
}

.itemlanding:nth-child(5) {
    grid-column: 1 / 3;
    grid-row: 4 / 5;
}
.gridlanding {
    margin: 20px auto;
    max-width: 770px;
}

    .gridlanding > .itemlanding {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .gridlanding > .itemlanding:hover {
            cursor: pointer;
            opacity: 0.5;
            background: rgba(0,0,0,0.5);
            transition: all 500ms ease-in;
            -moz-transition: all 500ms ease-in;
            -webkit-transition: all 500ms ease-in;
            -o-transition: all 500ms ease-in;
            -ms-transition: all 500ms ease-in;
        }

.admin-header-links a {
    color: #fff
}

    .admin-header-links a:hover {
        color: #a92135
    }


    /*  iframe video youtube*/

.blogpost-page .page-body .post-body iframe,
.category-page .category-description iframe {
    max-width: 100%
}

.videoEmbedCode {
    position: relative;
    padding-bottom: 56.25%
}

    .videoEmbedCode iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
    }


.skrlj_contact_form .fieldset .inputs {
    min-height: 40px;
}

#alert_form_attribute_6 {
padding-left: 40px
}

.contact-page .fieldset .form-fields-fifty .inputs,
.contact-page .fieldset .form-fields-fifty .inputs:nth-child(2n) {
    width: 100%;
}


.skrlj_contact_form .fieldset .inputs input, 
.skrlj_contact_form .fieldset .inputs textarea,
.skrlj_contact_form .fieldset .inputs .btn-group.bootstrap-select {
    width: 95% !important;
}

.skrlj_contact_form .fieldset .rightFieldset .inputs input[type="radio"] {
    width: auto !important;
    height: 10px;
    width: 10px;
}
.skrlj_contact_form .fieldset .rightFieldset .inputs.checkBoxField,
.contact-page .fieldset .rightFieldset .inputs.checkBoxField:nth-child(2n) {
    width: 95%
}

@media (min-width: 768px) {
    .contact-page .fieldset .rightFieldset .inputs:nth-child(2n), .contact-page .fieldset .rightFieldset .inputs {
        width: 49%;
        float: left;
        padding-left: 20px;
    }

        .contact-page .fieldset .rightFieldset .inputs.radioListField, .contact-page .fieldset .rightFieldset .inputs.textBox {
            clear: both;
            width: 100%;
            float: none;
            padding-left: 10px;
        }

    .form-fields-fifty {
        width: 40%;
        float: left
    }

    .form-fields-fifty2 {
        width: 60%
    }

    .form-fields-fifty2 {
        padding-left: 30px
    }
    
    .contact-page .fieldset .form-fields-fifty2 .inputs {
            margin-bottom: 7px;
        }
}

.contact-page .fieldset .rightFieldset .inputs.textBox {
    display: none
}

.contact-page .fieldset .rightFieldset .inputs .option-list {
    padding-left: 10px
}

.skrlj_contact_form .fieldset .rightFieldset .inputs {
    text-align:left;
}
    .skrlj_contact_form .fieldset .rightFieldset .inputs label {
        width: auto;
        display: inline;
        line-height: 30px
    }

.titleLabel {
    font-weight: bold !important
}

.skrlj_contact_form span.required {
    color: red;
}

.skrlj_contact_form .field-validation-error,
#contact_advisor_form .field-validation-error {
    color: red;
    padding-top: 5px;
    text-align: center;
    visibility: hidden;
    display: -webkit-inline-box;
}

.skrlj_contact_form textarea {
    min-height: 222px
}

#contact_advisor_form textarea {
    min-height: 222px
}

#contact_advisor_form #n4Captcha {
    margin-left: 4%
}


.page.article-page .news-content h2 {
    font-size: 20px;
    margin-top: 35px;
}

.page.articlepost-page .page-title h1, .page.article-page .page-title h1 {
    margin-bottom: 40px;
}


/*reklamacije form*/

.skrlj_contact_form.reklamacije_form .datedrops {
    margin-bottom: 15px;
}
.skrlj_contact_form.reklamacije_form .fieldset .inputs {
    margin-bottom: 15px;
}
.skrlj_contact_form.reklamacije_form .fieldset .inputs.titleInput {
    margin-bottom: 0px;
}

    .skrlj_contact_form.reklamacije_form .fieldset .inputs input[type="radio"] {
        width: 15px !important;
        height: auto;
    }

.skrlj_contact_form.reklamacije_form .fieldset .inputs label.radiolabel, .skrlj_contact_form.reklamacije_form .fieldset .inputs label {
    width: auto;
}

    .skrlj_contact_form.reklamacije_form .fieldset .inputs label.fileuploadlabel {
        width: auto;
        float: left;
        min-width: 165px;
    }

    .skrlj_contact_form.reklamacije_form .fieldset .inputs label.fileupload {
        display: block;
        float: left
    }

.contact-page.skrlj_contact_form.reklamacije_form .fieldset .inputs textarea.otherText {
    height: 60px !important;
    min-height: 60px;
    margin-top: -15px;
    margin-bottom: 30px;
}
.reklamacije_form .fieldset .inputs .option-list li {
    height: 25px
}

.skrlj_contact_form.fieldset .inputs .option-list li {
    text-align: left;
}

.skrlj_contact_form.reklamacije_form .fieldset .inputs div.datedrops .btn-group.bootstrap-select {
    width: 30% !important;
    margin-right: 2%;
    line-height: 28px;
}
.contact-page.skrlj_contact_form.reklamacije_form  #n4Captcha {
    float: left;
    margin-left: 0;
}
.html-topic-page #sectionContactUs, .html-topic-page .contact-us-form-wrapper {
    padding-top: 0px !important;
}

@media (min-width: 768px) {
    .contact-page.skrlj_contact_form.reklamacije_form .fieldset .inputs {
        width: 100%;
        text-align: left;
    }
        .contact-page.skrlj_contact_form.reklamacije_form .fieldset .inputs:nth-child(2n) {
            width: 100%
        }
        .contact-page.skrlj_contact_form.reklamacije_form .fieldset .inputs textarea {
            height: 130px !important;
            min-height: 130px;
        }
            .contact-page.skrlj_contact_form.reklamacije_form .fieldset .inputs textarea.otherText {
                margin-left: 7%;
                width: 88% !important;
            }
}
/*  sticky menu */
#mySidenav div {
    z-index: 1000;
    position: fixed;
    right: -151px;
    transition: 0.3s;
    width: 200px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    border-radius: 4px 0 0 4px;
    background-color: #b93041;
    padding-left: 50px;
}

    #mySidenav div:hover {
        right: 0;
    }

    #mySidenav div a {
        color: white;
        width: 150px;
        height: 50px;
        vertical-align: middle;
        font-size: 15px;
        line-height: 15px;
        display: table-cell;
        vertical-align: middle;
    }

    #mySidenav div i {
        padding-right: 15px;
        font-size: 20px;
        position: absolute;
        left: 10px;
        top: 10px;
    }

#search {
    top: 35% !important;
    padding: 9px 10px 1px 48px !important;
}

    #search i {
        float: left
    }

#katalog {
    top: calc(35% - 2px) !important;
}

#reklamacija {
    top: calc(35% + 54px) !important;
}

#projects {
    top: calc(35% + 110px) !important;
}

    #projects i {
        background-image: url("../images/dokumentacija_30_1.png");
        background-repeat: no-repeat;
        background-position: left center;
        width: 30px;
        height: 30px;
        display: inline-block;
    }

#contact {
    top: calc(35% + 166px) !important;
}

#floorplanersb {
    top: calc(35% + 222px) !important;
}
    #floorplanersb i {
        background-image: url("../images/Floorplanner_ico.png");
        background-repeat: no repeat;
        background-position: left center;
        width: 30px;
        height: 30px;
        display: inline-block;
    }

#mySidenav .search-box.store-search-box {
    display: inline-block;
    float: left;
}

#mySidenav input.button-1.search-box-button {
    display: none
}

#mySidenav .search-box input.search-box-text {
    width: 140px;
    color: #999;
    height: 30px;
    font-size: 12px;
}


@media (max-width: 768px) {

    #mySidenav div {
        right: -160px;
        z-index: 10000;
    }

        #mySidenav div a {
            height: 40px;
            display: table-cell;
            vertical-align: middle;
        }

        #mySidenav div i {
            padding-right: 15px;
            font-size: 16px;
            position: absolute;
            left: 8px;
            top: 8px;
        }

    #katalog {
        top: calc(35% + 5px) !important;
    }

    #  {
        top: calc(35% + 54px) !important;
    }

    #projects {
        top: calc(35% + 102px) !important;
    }

    #contact {
        top: calc(35% + 150px) !important;
    }

    #floorplanersb {
        top: calc(35% + 198px) !important;
    }
}


.top-head.floorplaner {
    background: #90182a !important;
    color: #fff !important;
    padding: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: 200;
    letter-spacing: .15rem;
}

    .top-head.floorplaner * {
        color: #fff !important;
    }
    .top-head.floorplaner a:hover {
        color: #000 !important
    }


.news-wrapper .news-holder .news {
    min-height: 525px;
}


.homepageswiper {

margin-top:30px
}

ul.sublist2.level_1.first-level {
    display: grid;
    grid-template-rows: repeat(9, auto); /* 9 rows */
    grid-auto-flow: column;
    column-gap: 40px;
}


/* grid */
.card-grid {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
    max-width: 1200px;
    margin: 0 auto;
}

/* plain card */
.card {
    /*background: #fff;*/
    padding: 1.5rem;
    text-align: center;
}

    .card img {
        display: block;
        margin: 0 auto 3rem;
        height: auto;
    }

    

/* mobile tweak */
@media (max-width: 400px) {
    .card {
        padding: 1rem;
    }

        .card img {
            width: 40px;
        }
}


.category-description hr {
    margin-bottom: 40px
}

.margintopZero {
    margin-top:0;
}

.category-description h2 {
    margin-top: 20px;
}


.page.category-page.cat_lvl_blog .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N0-Blog-Banner-BG.jpg);
}

.page.category-page.cat_lvl_blog .category-page-middle, .page.category-page.cat_lvl_blog .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/N0-Blog-BG.png);
}

.page.category-page.cat_lvl_news .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N0-Novice-in-mediji-Banner-BG.jpg);
}

.page.category-page.cat_lvl_news .category-page-middle, .page.category-page.cat_lvl_news .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/N0-Novice-in-mediji-BG.png);
}

.page.category-page.cat_lvl_59 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/ekstrakcija_header_bg.jpg)
}

.page.category-page.cat_lvl_59 .category-page-middle, .page.category-page.cat_lvl_59 .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/ekstrakcija_bg.png);
}


.page.category-page.cat_lvl_73 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Industrija-pijac-Banner-BG.jpg)
}

.page.category-page.cat_lvl_73 .category-page-middle, .page.category-page.cat_lvl_73 .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Industrija-pijac-BG.png)
}



.page.category-page.cat_lvl_79 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Prehrambna-industrija-Banner-BG.jpg)
}

.page.category-page.cat_lvl_79 .category-page-middle, .page.category-page.cat_lvl_79 .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Prehrambna-industrija-BG.png)
}

.page.category-page.cat_lvl_95 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Kemicna-industrija-Banner-BG.jpg)
}

.page.category-page.cat_lvl_95 .category-page-middle, .page.category-page.cat_lvl_95 .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Kemicna-industrija-BG.png)
}


.page.category-page.cat_lvl_87 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N1Farmacija-Banner-BG.jpg)
}

.page.category-page.cat_lvl_87 .category-page-middle, .page.category-page.cat_lvl_87 .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Farmacija-BG.png)
}


.page.category-page.cat_lvl_91 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Kozmeticna-industrija-Banner-BG.jpg)
}

.page.category-page.cat_lvl_91 .category-page-middle, .page.category-page.cat_lvl_91 .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/N1-Kozmeticna-industrija-BG.png)
}

.page.category-page.cat_lvl_99 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Bazeni-za-sprostitev-in-rekreacijo-BG.jpg)
}

.page.category-page.cat_lvl_99 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Bazeni-za-sprostitev-in-rekreacijo-BG.png)
}

.page.category-page.cat_lvl_74 .cp-header,
.page.category-page.cat_lvl_107 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Predelava-grozdja-skladiscenje-vina-Banner-BG.jpg)
}

.page.category-page.cat_lvl_74 .category-page-middle,
.page.category-page.cat_lvl_107 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Predelava-grozdja-skladiscenje-vina-BG.png)
}

.page.category-page.cat_lvl_75 .cp-header,
.page.category-page.cat_lvl_108 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Varjenje-in-fermentacija-piva-Banner-BG.jpg)
}

.page.category-page.cat_lvl_75 .category-page-middle,
.page.category-page.cat_lvl_108 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Varjenje-in-fermentacija-piva-BG.png)
}

.page.category-page.cat_lvl_76 .cp-header,
.page.category-page.cat_lvl_109 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Shranjevanje-in-priprava-vode-Banner-BG.jpg)
}

.page.category-page.cat_lvl_76 .category-page-middle,.page.category-page.cat_lvl_109 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Shranjevanje-in-priprava-vode-BG.png)
}

.page.category-page.cat_lvl_77 .cp-header, .page.category-page.cat_lvl_110 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Proizvodnja-sokov-in-gaziranih-pijac-BG.jpg)
}

.page.category-page.cat_lvl_77 .category-page-middle, .page.category-page.cat_lvl_110 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Proizvodnja-sokov-in-gaziranih-pijac-BG.png)
}


.page.category-page.cat_lvl_78 .cp-header, .page.category-page.cat_lvl_111 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Proizvodnja-zganih-pijac-Banner-BG.jpg)
}

.page.category-page.cat_lvl_78 .category-page-middle, .page.category-page.cat_lvl_111 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Proizvodnja-zganih-pijac-BG.png)
}

.page.category-page.cat_lvl_80 .cp-header, .page.category-page.cat_lvl_112 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Shranjevanje-in-predelava-mleka-Banner-BG.jpg)
}

.page.category-page.cat_lvl_80 .category-page-middle, .page.category-page.cat_lvl_112 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Shranjevanje-in-predelava-mleka-BG.png)
}

.page.category-page.cat_lvl_81 .cp-header, .page.category-page.cat_lvl_113 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Skladiscenje-in-doziranje-sipkih-materialov-Banner-BG.jpg)
}

.page.category-page.cat_lvl_81 .category-page-middle, .page.category-page.cat_lvl_113 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Skladiscenje-in-doziranje-sipkih-materialov-BG.png)
}

.page.category-page.cat_lvl_82 .cp-header, .page.category-page.cat_lvl_114 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Predelava-fermentacija-in-shranjevanje-zivil-Banner-BG.jpg)
}

.page.category-page.cat_lvl_82 .category-page-middle, .page.category-page.cat_lvl_114 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Predelava-fermentacija-in-shranjevanje-zivil-BG.png)
}

.page.category-page.cat_lvl_83 .cp-header, .page.category-page.cat_lvl_115 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Pridobivanje-ekstraktov-iz-surovin-Banner-BG.jpg)
}
.page.category-page.cat_lvl_83 .category-page-middle, .page.category-page.cat_lvl_115 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Pridobivanje-ekstraktov-iz-surovin-BG.png)
}

.page.category-page.cat_lvl_143 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Mesalne-posode-Banner-BG.jpg)
}
.page.category-page.cat_lvl_143 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Mesalne-posode-BG.png)
}


.page.category-page.cat_lvl_144 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Mobilne-procesne-posode-Banner-BG.jpg)
}
.page.category-page.cat_lvl_144 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Mobilne-procesne-posode-BG.png)
}

.page.category-page.cat_lvl_145 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Fermentorji-bioreaktorji-BG.jpg)
}

.page.category-page.cat_lvl_145 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Fermentorji-bioreaktorji-BG.png)
}


.page.category-page.cat_lvl_146 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Zalogovne-posode-Banner-BG.jpg)
}
.page.category-page.cat_lvl_146 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Zalogovne-posode-BG.png)
}

.page.category-page.cat_lvl_147 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Reakcijske-posode-Banner-BG.jpg)
}
.page.category-page.cat_lvl_147 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Reakcijske-posode-BG.png)
}

.page.category-page.cat_lvl_148 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Filtracijske-in-separacijske-posode-Banner-BG.jpg)
}

.page.category-page.cat_lvl_148 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Filtracisjke-in-separacijske-posode-BG.png)
}


.page.category-page.cat_lvl_116 .cp-header,
.page.category-page.cat_lvl_106 .cp-header,
.page.category-page.cat_lvl_84 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Regulacija-in-nadzor-temperature-Banner-BG.jpg)
}

.page.category-page.cat_lvl_116 .category-page-middle,
.page.category-page.cat_lvl_106 .category-page-middle,
.page.category-page.cat_lvl_84 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Regulacija-in-nadzor-temperature-BG.png)
}

.page.category-page.cat_lvl_105 .cp-header, .page.category-page.cat_lvl_85 .cp-header, .page.category-page.cat_lvl_117 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-CIP-ciscenje-in-dezinfekcija-opreme-Banner-BG.jpg)
}

.page.category-page.cat_lvl_105 .category-page-middle, .page.category-page.cat_lvl_85 .category-page-middle, .page.category-page.cat_lvl_117 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-CIP-ciscenje-in-dezinfekcija-opreme-BG.png)
}

.page.category-page.cat_lvl_86 .cp-header, .page.category-page.cat_lvl_118 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Varen-dostop-in-delo-na-visini-Banner-BG.jpg)
}

.page.category-page.cat_lvl_86 .category-page-middle, .page.category-page.cat_lvl_118 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Varen-dostop-in-delo-na-visini-BG.png)
}

.page.category-page.cat_lvl_88 .cp-header,
.page.category-page.cat_lvl_119 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Proizvodnja-farmacevtskih-produktov-Banner-BG.jpg)
}

.page.category-page.cat_lvl_88 .category-page-middle, .page.category-page.cat_lvl_119 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Proizvodnja-farmacevtskih-produktov-BG.png)
}

.page.category-page.cat_lvl_120 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Posode-za-pivo-Banner-BG.jpg)
}
.page.category-page.cat_lvl_120 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Posode-za-pivo-BG.png)
}

.page.category-page.cat_lvl_121 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Varilnice-Banner-BG.jpg)
}
.page.category-page.cat_lvl_121 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Varilnice-BG.png)
}

.page.category-page.cat_lvl_128 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Ekstrakcijske-storitve-Banner-BG.jpg)
}
.page.category-page.cat_lvl_128 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N2-Ekstrakcijske-storitve-BG.png)
}

.page.category-page.cat_lvl_100 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Posode-in-vinifikatorji-Banner-BG.jpg)
}
.page.category-page.cat_lvl_100 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Posode-in-vinifikatorji-BG.png)
}

.page.category-page.cat_lvl_101 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Pnevmatske-stiskalnice-Banner-BG.jpg)
}

.page.category-page.cat_lvl_101 .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N3-Pnevmatske-stiskalnice-BG.png)
}

.page.category-page.cat_lvl_podjetje .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/N0-Podjetje-Banner-BG.jpg)
}

.page.category-page.cat_lvl_podjetje .category-page-middle {
    background-image: url(../../../../content/images/uploaded/header_background/N0-Podjetje-BG.png)
}

.html-category-page.topic-podjetje .page.category-page .category-page-middle > .container {
    margin-top: 50px
}

.page.category-page.cat_lvl_61 .cp-header,
.page.category-page.cat_lvl_62 .cp-header,
.page.category-page.cat_lvl_63 .cp-header,
.page.category-page.cat_lvl_64 .cp-header,
.page.category-page.cat_lvl_65 .cp-header,
.page.category-page.cat_lvl_66 .cp-header,
.page.category-page.cat_lvl_67 .cp-header,
.page.category-page.cat_lvl_68 .cp-header,
.page.category-page.cat_lvl_69 .cp-header {
    background-image: url(../../../../content/images/uploaded/header_background/ekstrakcija_header_bg.jpg)
}

.page.category-page.cat_lvl_59 .category-page-middle, .page.category-page.cat_lvl_59 .product-details-page {
    background-image: url(../../../../content/images/uploaded/header_background/ekstrakcija_bg.png);
}


.page.category-page.cat_lvl_1 .cp-header { background-image: url(../../../../content/images/uploaded/header_background/vinarsto_header_bg.jpg) }
.page.category-page.cat_lvl_1 .category-page-middle, .page.category-page.cat_lvl_1 .product-details-page { background-image: url(../../../../content/images/uploaded/header_background/vinarstvo_bg.png) }
.page.category-page.cat_lvl_5 .cp-header { background-image: url(../../../../content/images/uploaded/header_background/pivovarstvo_header_bg.jpg) }
.page.category-page.cat_lvl_5 .category-page-middle, .page.category-page.cat_lvl_5 .product-details-page { background-image: url(../../../../content/images/uploaded/header_background/pivovarstvo_bg.png) }
.page.category-page.cat_lvl_9 .cp-header { background-image: url(../../../../content/images/uploaded/header_background/industrija_header_bg.jpg) }
.page.category-page.cat_lvl_9 .category-page-middle, .page.category-page.cat_lvl_9 .product-details-page { background-image: url(../../../../content/images/uploaded/header_background/industrija_bg.png) }
.page.category-page.cat_lvl_13 .cp-header { background-image: url(../../../../content/images/uploaded/header_background/farmacija_header_bg.jpg) }
.page.category-page.cat_lvl_13 .category-page-middle, .page.category-page.cat_lvl_13 .product-details-page { background-image: url(../../../../content/images/uploaded/header_background/farmacija_bg.png) }
.page.category-page.cat_lvl_14 .cp-header { background-image: url(../../../../content/images/uploaded/header_background/drugi_izdelki_header_bg.jpg) }
.page.category-page.cat_lvl_14 .category-page-middle, .page.category-page.cat_lvl_14 .product-details-page { background-image: url(../../../../content/images/uploaded/header_background/drugi_izdelki_bg.png) }
.page.category-page.cat_lvl_18 .cp-header { background-image: url(../../../../content/images/uploaded/header_background/reference_header_bg.jpg) }

#galerryHolder {
    margin-bottom: 60px;
    clear: both;
}


.row div h3.alignLeft {
    color: #90182a;
    font-weight: 800;
    font-size: 30px;
    margin: 25px 0 30px 0;
    text-align: left;
}


.row div div.alignLeft {
    margin-top: 30px
}

.blog-page-body {
    margin-top: 60px;
}


.blogcategories {
    display: block;
    width: 100%;
    text-align: center;
    margin: 70px 10px;
}

    .blogcategories ul {
        margin: 5px 0 10px;
        padding: 0;
        list-style-type: none;
        text-align: center;
    }

        .blogcategories ul li {
            float: none !important;
            display: inline-block;
        }

        .blogcategories ul a {
            margin-right: 20px;
            background-color: transparent !important;
            border: 1px solid #404041 !important;
            color: #404041 !important;
        }

            .blogcategories ul a.selected, .blogcategories ul a:hover {
                background-color: #90182a !important;
                color: #fff !important;
                border: 1px solid #90182a !important;
            }

.gridLeft .blogcategories ul li {
    float: none !important;
    display: block;
    text-align: left;
    margin-bottom: 10px
}

h2.title a.blogUrl {
    background-color: #404041 !important;
    padding: 9px 8px 9px 8px !important
}

.page.category-page .category-page-middle .category-page-subcategory .category-grid.sub-category-grid .sub-category-item {
    min-height: 290px;
}

iframe[src*="youtube.com"] {
    display: block;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    border: none; /* remove default border if any */
    border-radius: 4px; /* soften corners */
}


.blog-page-body .sub-category-grid .row .col-sm-4 {
    margin-bottom: 35px;
}

.margin-bottom {
    margin-bottom: 50px;
}


section.clearfix.topicSectionClearfix {
    min-height: 290px
}


a.button.buttonCatalog {
    font-size: 21px;
    padding: 17px 70px;
    letter-spacing: 2px;
    margin: 10px;
}