@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}
body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    /*    color: #333;*/
    /*    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;*/
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    font-size: 0.9rem; /*
    */
}

.okvir {
    padding-left: 1rem;
    padding-right: 1rem;
}

.pozadinaslika {
    background: #fff url(/media/Slike/hpomensidebar.jpg) no-repeat center top;
    background-attachment: fixed;
}


[v-cloak] {
    display: none;
}

/*.pozadina-siva3 {
    background-color: #d1d3d4;
}*/

.pt {
    background-color: #e20074;
}

.pozadina-siva {
    background: #F5F5F5;
}

.pozadina-siva6 {
    background: #f8f9fa;
}

.pozadina-siva5 {
    background: #dedede;
    /*#cfcfcf*/
}

.pozadina-siva2 {
    background: #e9ebf1;
    /*#f8f8f8*/
}

.wh {
    background: #fff !important;
}

.page-wrapper {
    /*overflow: hidden;*/
}

#app {
    /*box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;*/
    /*
    padding-left: 20px;
    padding-right: 20px;*/
    /*width: auto;*/
    /*padding-bottom: 80px;*/
    /*margin-top: 10px;*/
    /*    border: 1px solid #ccc;*/
}



.naziv-bold {
    color: #000;
    font-weight: bold;
    /*    padding-left: 5px;*/
    text-transform: uppercase;
    font-size: 0.8rem;
}


.strana-l {
    width: 280px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}



.strana-c {
    width: 60%;
    /*    padding: 0 30px 0 30px;*/
}


.strana-d {
    width: 20%;
    border-left: 1px solid #e5e5e5;
    /*border-left: 1px solid #ddd;*/
}



.w-20 {
    width: 20%;
}



* {
    margin: 0;
    padding: 0;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-0 {
    padding-left: 0;
}


.pl-sidebar {
    padding: 0;
    padding-left: 10px !important;
}

.pr-5 {
    padding-right: 5px !important;
}


.pr-0 {
    padding-right: 0 !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pt-5 {
    padding-bottom: 5px !important;
}


.pt-10 {
    padding-top: 5px !important;
}


.ml-10 {
    margin-left: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}


.mt-30 {
    margin-top: 20px !important;
}

.mt-40 {
    margin-top: 40px !important;
}


.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.zelena {
    color: rgb(196, 229, 54) !important;
}

.pozadina-zelena {
    background-color: rgb(201, 238, 35) !important;
}

.crvena {
    color: #d20000 !important;
}

.logo__container {
    width: 280px;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    position: relative;
    background-color: white;
}

.header-desno {
    display: flex;
    flex-direction: column;
}

.page-header {
    overflow: hidden;
}

.top-bar {
    position: relative;
    min-height: 35px;
    font-family: Arial,sans-serif;
    background-color: black;
    color: #ccc;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: right;
}

    .top-bar:before {
        content: '';
        position: absolute;
        left: -200%;
        right: -200%;
        top: 0;
        bottom: 0;
        display: block;
        background-color: #202020;
        z-index: -1;
        height: 35px;
    }


    .top-bar, .top-bar .topline-block, .top-bar .topline-block a:not(.button), .top-bar .header.links a:not(.button) {
        font-size: 12px;
        color: rgb(217, 217, 217);
        font-family: Arial,sans-serif;
    }

        .top-bar .topline-block {
            margin: 0 10px;
            z-index: 1;
        }

.topline-block, .page-header .header.links {
    padding: 0;
    list-style: none none;
    margin: 0;
}

    .topline-block ul {
        padding: 0;
        list-style: none none;
        margin: 0;
    }

    .topline-block li, .header.links li {
        margin: 0;
        float: left;
        position: relative;
        display: inline;
        padding-right: 10px;
        padding-left: 10px;
    }



        .topline-block li:after, .header.links li:after {
            content: '';
            display: block;
            width: 1px;
            position: absolute;
            top: 5px;
            right: 0;
            height: 15px;
            background-color: #353535;
            background-color: rgba(255,255,255,.11);
            margin: 0;
        }


    .topline-block a:not(.button), .page-header .header.links a:not(.button), .topline-block a, .topline-block p, .header.links a {
        line-height: 16px;
        /*        padding: 2px 6px;*/
        margin: 0 2px 0 1px;
        font-size: 11px;
        text-decoration: none;
        white-space: nowrap;
        display: inline-block;
        color: #d9d9d9;
        vertical-align: top;
        padding: 5px 10px 5px 10px;
    }

    .topline-block .txt {
        padding: 5px 10px 5px 10px;
    }




.brands {
    border-top: 1px solid #dcdcdc;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding-top: 5px;
}

    .brands a {
        margin: 10px 10px 0 10px;
    }

.header2 {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*    vertical-align: middle;*/
}

.top-ikone {
    padding-left: 20px;
    min-height: 65px;
    margin-top: 10px;
}

    .top-ikone ul {
        padding: 0;
        list-style: none none;
        margin: 0;
    }

    .top-ikone .osob {
        min-width: 140px;
        margin: 0;
        float: left;
        /*        padding: 0px 10px 10px 0;*/
        /*        display: block;*/
        margin-left: 20px;
        color: #353535;
    }


    .top-ikone .gl {
        /*        float: right;*/
        font-size: 1.2rem;
        font-weight: 800;
        line-height: 1.4rem;
        text-align: right;
    }



    .top-ikone span {
        /*        display: block;*/
        font-size: 0.8rem;
        font-weight: 400;
        text-align: right;
    }


    .top-ikone .osob i, .top-ikone .osob svg {
        font-size: 3rem;
        /*        display: block;*/
        float: left;
        padding-right: 10px;
        /* border-right: 1px solid black; */
        top: -5px;
        position: relative;
    }

    .top-ikone .form-control {
        background-color: #e9ecef;
        height: 40px;
    }

    .top-ikone .btn {
        height: 40px;
        background-color: rgb(201, 238, 35)
    }


/*.top-bar .switcher:hover, .top-bar .topline-block a:not(.button):hover, .top-bar .header.links a:not(.button):hover {
    background-color: rgb(201, 238, 35);
    color: rgb(51, 51, 51);
}*/



.header-meni {
    background-color: #0088cc;
    /*    padding: 14px 0;*/
    min-height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

    .header-meni .navbar {
        padding: 0;
    }


    .header-meni .nav .nav-item {
        padding: 14px;
    }

        .header-meni .nav .nav-item .nav-link {
            letter-spacing: -1px;
            padding: 0 6px;
            /*        min-height: 27px;*/
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            /*    background-color: transparent;*/
            color: #fff;
        }

    .header-meni .menibtn {
        background-color: rgb(196, 229, 54);
        min-width: 280px;
        text-align: center;
    }

        .header-meni .menibtn > a {
            color: #000 !important;
        }

    .header-meni .nav .nav-item .nav-link:hover {
        /* background-color: rgb(196, 229, 54);
        color: black;*/
        /*color: rgb(196, 229, 54);*/
        /*color:black;*/
        border-left: 4px solid rgb(196, 229, 54);
        margin-left: -4px;
    }


/* .header-meni .menibtn:after {
        content: '';
        border: 4px solid transparent;
        border-top: 4px solid white;
        margin-left: 2px;
        margin-bottom: 3px;
        display: inline-block;
        vertical-align: bottom;
    }*/
/*
.caret {
    width: 0;
    height: 0;
    display: inline-block;
    border: 10px solid transparent;
}

    .caret.down {
        border-top-color: black;
    }
*/





/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 *
 * @geedmo - Licensed under the MIT license
 */
/*.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}



.yamm {
    margin-bottom: 0;
}

    .yamm .navbar-nav {
        width: 100%;
    }

        .yamm .navbar-nav > li > a {
            color: white !important;
            display: block;
            color: #fff;
            padding: 0 10px 0 10px;
            line-height: 58px;
            text-decoration: none;
            position: relative;
            text-transform: uppercase;
            font-family: 'Inder',sans-serif;
            font-size: 11pt;
        }

    .yamm .container {
        position: relative;
    }

    .yamm .dropdown-menu {
        left: auto;
        padding: 0px;
        width: 100%;
    }

    .yamm .dropdown {
        width: 25%;
        text-align: center;*/
/*z-index:101;*/
/*}

    .yamm .dropdown-toggle {
        z-index: 101;
    }

    .yamm .yamm-content {*/
/*padding: 20px 30px;*/
/*}

    .yamm .dropdown.yamm-fw .dropdown-menu {
        left: 0;
        right: 0;
    }*/


/*!
 * Yamm! - Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm
 *
 * @geedmo - Licensed under the MIT license
 */
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .yamm-content {
    /*    padding: 1rem;*/
}

.yamm .dropdown.yamm-fw .dropdown-menu,
.yamm .dropup.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}


.yamm-content .tabovi {
    list-style: none;
    background-color: #E0E0E0;
    min-height: 465px;
}

    .yamm-content .tabovi li {
        display: flex;
        line-height: 30px;
        text-decoration: none;
        /*        position: relative;*/
        text-transform: uppercase;
    }

        .yamm-content .tabovi li a {
            line-height: 30px;
            font-size: 0.8rem;
            padding: 5px 0 5px 10px;
        }


        .yamm-content .active, .yamm-content .tabovi .active a, .yamm-content .tabovi li:hover, .yamm-content .tabovi a:hover {
            /* background-color: white;
            color: #008AD2 !important;
            font-weight: 600;
            line-height: 30px;*/
        }

        .yamm-content .active, .yamm-content .tabovi .active a, .yamm-content .tabovi li:hover, .yamm-content .tabovi a:hover {
            color: #008AD2 !important;
            width: 100%;
            background-color: white;
            font-weight: 600;
            line-height: 30px;
        }




.pozadinac {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: fadeIn ease 20s;
    z-index: 50;
}

.dropdown-menu {
    /*    position: absolute;*/
    top: 100%;
    /*    left: 0;*/
    z-index: 1000;
    /* display: none;
    float: left;*/
    min-width: 10rem;
    /*    padding: .5rem 0;*/
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.nav-link1 i {
    width: 25px;
    text-align: center;
    border-right: 1px solid #666;
    padding-right: 5px;
    margin-right: 5px;
}
/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/
/* Tabs panel */
.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}


.tab-naslov {
    font-size: 0.8rem;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.1;
    padding-top: 0.5rem;
    color: black;
}


.nav-detaljno {
    /*margin-right: 2px;*/
    border: 0;
    width: 20%;
}




.meni2 {
    /*    background-color: #E0E0E0;*/
}

    /*.dropdown-dugme{
        width: 25%;
    }*/



    /* .meni2 .nav-pills {
        margin-top: 10px;
        min-height: 500px;
    }*/

    .meni2 .tab-content {
        padding: 10px;
    }

.meni2-kolona {
    flex: 1;
    /*width: 20%;*/
    padding: 0px 10px 0px 10px;
    margin: 0px;
    float: left;
    text-align: left;
}


.meni2-kolonadupla {
    flex: 1;
    width: 40%;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    float: left;
    text-align: left;
}

.meni2 .borderlijevo {
    border-left: 1px solid #ccc;
}

.meni2-kolona h4 {
    text-transform: uppercase;
    border-bottom: none;
    margin-bottom: 6px;
    margin-top: 6px;
    font-weight: bold;
    font-size: 12px;
}

    .meni2-kolona h4 a {
        color: #337ab7 !important;
        text-decoration: none;
    }


.meni2-kolona ul li {
    list-style: none;
    font-size: 12px;
    font-weight: normal;
}


    .meni2-kolona ul li a {
        /*display: block;
        line-height: 15px;
        padding-bottom: 3px;
        color: #303030;*/
        display: block;
        line-height: 15px;
        padding-bottom: 3px;
        color: #303030;
        /*        font-size: 0.8rem;*/
    }




.nav-pills li {
    /*background-color: #fff;*/
    color: #000;
}

    .nav-pills li a {
        /*background-color: #fff;*/
        color: #000;
        line-height: 16px;
        font-size: 13px;
        /*font-weight: 400;*/
    }


.nav-pills > li.active > a, .nav-pills > li > a:hover, .nav-pills > li:hover, .nav-pills > li.active > a:focus {
    background-color: #fff;
}


    .nav-pills > li.active > a, .nav-pills > li > a:hover, .nav-pills > li.active > a:focus {
        background-color: #fff !important;
        color: #008AD2 !important;
        line-height: 16px;
        font-size: 14px;
        font-weight: 600;
        transition: all .15s ease-in-out;
        padding-left: 17px;
    }

/*.meni2 nav-pills {
        background-color: #fff;
        color: #337ab7;
        line-height: 16px;
        font-size: 13px;
        font-weight: 400;
    }*/

.meni2-heading {
    margin-top: 10px;
}

    .meni2-heading a strong {
        color: #da4b38;
    }

.meni2-dugme {
    z-index: 101;
}

.meni2-pozadina {
    width: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 23px;
    /*background-color: #E8E8E8;*/
    left: 0;
    border-bottom: solid 2px #376cb7;
    /*border: solid 1px #f1f1f1;*/
    /*border-top: solid 0px;*/
    display: none;
    /*visibility: hidden;
    opacity: 0;*/
    z-index: 101;
    transform: translateY(35px);
    transition: all .3s ease;
    /*transition-delay: .5s;*/
    min-height: 500px;
}

.meni2-mobile {
    margin: 0;
    font-size: 0.8rem;
    /*background-color: #f8f8f8;*/
    /*border: 1px solid #999;*/
    padding: 0px;
}

    .meni2-mobile .meni2-kolona h4 a {
        color: rgb(196, 229, 54) !important;
        text-decoration: none;
    }

.meni2-mobile-heading {
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    /*border-bottom: 1px solid #eee;*/
    width: 100%;
    /*padding: 10px;*/
    /*background-color: #fff;*/
    display: block;
    text-transform: uppercase;
    font-size: 0.9rem;
}


/*.meni2-mobile-heading i {*/
/*float: right;
        font-size: 2rem;
        margin-right: 15px;*/
/*position: absolute;
        right: 25px;
        font-size: 1.5rem;
    }*/

#meni2-mobile-wrapper {
    padding-left: 10px;
    /*display: none;*/
    /*background-color: white;*/
    /*overflow: hidden;*/
    /*border-top: 1px solid #ccc;*/
    font-family: 'Inder',sans-serif;
}

    #meni2-mobile-wrapper * {
        color: white;
    }

.meni2-mobile-body {
    /* width: 100%;
    display: block;
    border: 1px solid #ccc;*/
    overflow: hidden;
    /*display: none;*/
    /*background-color: #f5f5f5;*/
    /*padding: 20px;*/
}

.meni2-mobile > .meni2-mobile-heading {
    padding-left: 10px;
}

.meni2-mobile-body2 {
    width: 100%;
    display: block;
    /*border: 1px solid #ccc;*/
    overflow: hidden;
    /*display: none;*/
}

    .meni2-mobile-body2 * {
        font-size: 0.9rem;
        padding-bottom: 10px;
    }


.meni2-mobile-dugme {
    display: block;
    padding: 5px;
}

    .meni2-mobile-dugme i {
        display: block;
        width: 100%;
        text-align: center;
    }


.vertical-center {
    display: flex;
    align-items: center;
}

.header-mobile {
    padding: 0.5rem 0 0.5rem 0;
}

    .header-mobile span {
        padding-top: 2px;
        display: block;
        /*width: 100%;*/
        text-align: center;
        /*padding-top: 6px;*/
        font-size: 9px;
    }





/* === For phones =================================== */
@media (max-width: 767px) {
    .nav-detaljno {
        /*margin-right: 2px;*/
        border: 0;
        width: 50%;
    }
}


.tabbable-line > .nav-tabs > li {
    /*margin-right: 2px;*/
    border: 0;
    padding: 10px;
}

    .tabbable-line > .nav-tabs > li > a {
        border: 0;
        /*margin: 0;*/
        color: #737373;
        border-bottom: 4px solid #fff;
        /*border-bottom-color: transparent;*/
        /*display: unset;*/
        /*padding: 2px;*/
    }

        .tabbable-line > .nav-tabs > li > a > i {
            color: #a6a6a6;
        }

    /*Ovo sam dodao*/
    /*.tabbable-line > .nav-tabs > li > a > img {
                max-width: 100%;
            }*/

    .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
        /*border-bottom: 4px solid #fbcdcf;*/
    }

        .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
            border: 0;
            border-bottom: 4px solid #fbcdcf;
            background: none !important;
            color: #333333;
        }

            .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                color: #a6a6a6;
                /*border-bottom: 4px solid #f3565d;*/
            }

        .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
            /*margin-top: 0px;*/
        }

    .tabbable-line > .nav-tabs > li.active {
        /*border-bottom: 4px solid #f3565d;*/
        /*position: relative;*/
        background-color: white;
    }

        .tabbable-line > .nav-tabs > li.active > a {
            border: 0;
            border-bottom: 4px solid #f3565d;
            color: #333333;
        }

            .tabbable-line > .nav-tabs > li.active > a > i {
                color: #404040;
            }

.tabbable-line > .tab-content {
    /*margin-top: -3px;*/
    /*background-color: #fff;*/
    /*border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;*/
}

.tab-pane .active {
    background-color: white;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    /*border-top: 4px solid transparent;*/
}

    .tabbable-line.tabs-below > .nav-tabs > li > a {
        /*margin-top: 0;*/
    }

    .tabbable-line.tabs-below > .nav-tabs > li:hover {
        /*border-bottom: 0;*/
        /*border-top: 4px solid #fbcdcf;*/
    }

    .tabbable-line.tabs-below > .nav-tabs > li.active {
        /*margin-bottom: -2px;*/
        /*border-bottom: 0;*/
        /*border-top: 4px solid #f3565d;*/
        background-color: white;
    }

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.ratetab .tab-pane {
    padding: 1.5rem !important;
    background-color: white;
    border: 1px solid transparent;
    border-color: #dee2e6 #dee2e6 #dee2e6 #dee2e6;
    border-radius: .25rem;
}

.ratetab .nav-link {
    /*padding-bottom: 1rem;*/
}
/**/
.ratetab .nav-tabs {
    border-bottom: 0px;
}


.ratetab p a, .fioka-w p a {
    font-weight: bold;
    color: #337ab7;
}

.promocije {
    background-color: #dcdcdc;
}

.a-center {
    text-align: center
}

.a-left {
    text-align: left
}

.a-right {
    text-align: right
}

.small-subtitle {
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin-bottom: 18px;
    display: inline-block
}

.hightlighted-text {
    display: inline-block;
    position: relative;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: 1em;
    padding: 0 3px;
    z-index: 1
}

    .hightlighted-text:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 32%;
        left: 0;
        top: auto;
        bottom: 0;
        z-index: -1;
        background-color: #ffe51e
    }

    .hightlighted-text.lower:before {
        bottom: -3px
    }

    .hightlighted-text.ox-animate:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transition: -webkit-transform .7s ease-in-out .2s;
        transition: transform .7s ease-in-out .2s
    }

    .hightlighted-text.ox-animate.animated:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

h1.huge-spacing,
.h1.huge-spacing {
    letter-spacing: 4px
}

.big-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 32px
}

.std .h1, .std .h2, .std .h3, .std .h4, .std .h5, .std .h6, .std h1, .std h2, .std h3, .std h4, .std h5, .std h6 {
    font-weight: 800;
}

.abs-account-blocks .block-title > strong, .block-giftregistry-results .block-title > strong, .block-giftregistry-shared-items .block-title > strong, .block-wishlist-search-results .block-title > strong, .widget .block-title > strong, .multicheckout .block-title > strong, .paypal-review .block .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .account .column.main .block:not(.widget) .block-title > strong, .cart-empty-big-text, .ox-banner-animated-text.ox-banner-medium .ox-banner__text-container .text, .ox-banner-animated-text.ox-banner-big .ox-banner__text-container .text, .block.newsletter.newsletter-style--big .title, .ox-banner__text-container .text, .column.main .block .title strong, .block .title strong, .block-title strong, .cart-summary > .title, .fieldset .review-legend.legend, .review-list .block-title strong, .bundle-options-container .block-bundle-summary > .title > strong, .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle, .bundle-options-container .legend.title, .post-view .block.comments .c-count, .modal-popup .modal-title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title, .h2, .h3, h2, h3 {
    letter-spacing: -2px;
}

.multicheckout .box-title > span, .paypal-review .block .box-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, .sales-guest-view .column.main .block:not(.widget) .box-title > span, .account .column.main .block:not(.widget) .box-title > span, .abs-account-blocks .block-title > strong, .block-giftregistry-results .block-title > strong, .block-giftregistry-shared-items .block-title > strong, .block-wishlist-search-results .block-title > strong, .widget .block-title > strong, .multicheckout .block-title > strong, .paypal-review .block .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .account .column.main .block:not(.widget) .block-title > strong, .cart-empty-big-text, .fieldset > .legend, .cart-summary > .title, .fieldset .review-legend.legend, .review-list .block-title strong, .filter.block .content dl.options dt, .sidebar-additional .block .block-title > strong, .bundle-options-container .block-bundle-summary > .title > strong, .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle, .bundle-options-container .legend.title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title, .review-title, .post-list.blog-style-classic article .post-title a, .post-list.blog-style-modern article .post-title a, .post-list.blog-style-modern article .post-title, .post-view .block.comments .c-count, .post-view .block.comments .c-comment .p-name, .modal-popup .modal-title, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: rgb(61, 61, 61);
}

h1 {
    color: #333;
    /*    font-family: 'Poppins', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-weight: 800;
    line-height: 1.1;
    font-size: 2.8rem;
    margin-top: 0;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: -2px;
}

/*.h1 {
    color: #333;*/
/*    font-family: 'Poppins', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
/*font-weight: 800;
    line-height: 1.1;
    font-size: 2.8rem;
    margin-top: 0;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: -2px;
}*/



.footer.content .link-clear a {
    background: 0 0 !important;
    padding: 0
}

.footer.content a.link-clear {
    background: 0 0 !important;
    padding: 0
}

.std .h1,
.std .h2,
.std .h3,
.std .h4,
.std .h5,
.std .h6,
.std h1,
.std h2,
.std h3,
.std h4,
.std h5,
.std h6,
.std h7 {
    font-weight: 800
}

.std li {
    margin-bottom: 2px
}

.items {
    margin: 0;
    padding: 0;
    list-style: none none
}

.h1 {
    font-size: 48px;
    /*    font-family: 'Poppins', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-weight: 800;
    line-height: 1.1
}

.h2 {
    font-size: 36px;
    font-family: 'Poppins', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 800;
    line-height: 1.1
}

.h3 {
    font-size: 30px;
    font-family: 'Poppins', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 800;
    line-height: 1.1
}

.h4 {
    font-size: 24px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1
}

.h5 {
    font-size: 20px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1
}

.h6 {
    font-size: 16px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1
}

.h7 {
    font-size: 0.9rem;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.1
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    text-transform: uppercase;
    letter-spacing: -.03em
}

.spacer-big, .spacer-medium, .spacer-regular, .spacer-small {
    display: block;
    clear: both;
    width: 100%;
}

.spacer-small {
    height: 40px;
}




.flex-right {
    justify-content: right;
    margin-left: auto;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}





.spacer-big, .spacer-medium, .spacer-regular, .spacer-small {
    display: block;
    clear: both;
    width: 100%;
}

.spacer-regular {
    height: 60px;
}




.hero-image {
    max-width: 100%;
}

    .hero-image .glbanner {
        height: 500px;
        background-position: center;
    }




.breadcrumbWrapper {
    width: 100%;
    color: #258FCC;
    font-size: 1rem;
}


    .breadcrumbWrapper i, .breadcrumbWrapper svg {
        /*padding: 0 10px;*/
        /*font-size: 1rem;*/
        color: #333;
        margin-left: 10px;
        margin-right: 10px;
    }


    .breadcrumbWrapper a {
        color: #333;
        /*font-weight:bold;*/
    }



.stranice {
    text-align: right;
}

.toolbar broj {
    /*    padding-top: 15px;*/
    font-size: 1rem;
}


.toolbar .broj span {
    padding: 5px;
    background-color: black;
    color: white;
}



.toolbar .stranice .pagination a, .toolbar .stranice .pagination span {
    font-size: 1rem;
}


.toolbar .stranice li a {
    border: 0 !important;
    color: #5b5a5a;
    background-color: #f8f8f8 !important;
}


.toolbar .stranice li.PagedList-skipToPrevious a, .toolbar .stranice li.PagedList-skipToNext a {
    border: 0 !important;
    color: #fff;
    background-color: #000 !important;
}



.toolbar .pagination {
    margin: 0 !important;
}



.toolbar .stranice li.active a {
    background: #ffd800 !important;
    color: #000;
    border: 0 !important;
}

.toolbar .stranice li.active span, .stranice li a:hover {
    background: #FFEB3B !important;
    color: #000;
    border: 0 !important;
}


.latestProductsArea {
    width: 100%;
}


.artikal-n {
    border-right: 1px solid #ddd;
    min-height: 300px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
}

    .artikal-n:hover {
    }

.a-naslov {
    min-height: 30px;
}

.linkslika {
    height: 220px;
    width: 230px;
}

.a-kredit {
    display: flex;
    flex-direction: row;
    /*margin-top: .5rem;
    padding-top: .25rem;*/
    align-items: center !important;
}


.bm {
    border-bottom: 10px solid #ddd !important;
    border-right: none;
}



.d-okvir {
    min-height: 500px;
    border: solid 1px #d9d9d9;
    box-shadow: none;
    z-index: 3;
    position: relative;
}


    .d-okvir:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
        pointer-events: none;
        z-index: 1;
    }


.d-side {
    min-height: 40px;
    /*    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;*/
    /*display: flex;*/
    align-items: center;
    /*padding: 10px;*/
    padding: 10px 0 10px 0px;
    /*margin-bottom: 20px;*/
}

.d-sideL {
    border-left: 1px dashed #ccc;
}


    .d-sideL p {
        font-size: 0.8rem;
        margin-bottom: 10px;
    }

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 2;
    border-radius: .3rem;
    text-transform: uppercase;
}


.bt {
    border-top: 1px dotted #ccc;
}

.bld {
    border-left: 1px dotted #ccc;
}

.bb {
    border-bottom: 1px solid #dee2e6;
}


.bt {
    border-top: 1px solid #dee2e6;
}



.blmf {
    border-left: 6px solid #c4e536;
}


.blt {
    border-left: 6px solid #e70073;
}

.blp {
    border-left: 6px solid #0088cc;
}

.blc {
    border-left: 6px solid #333;
}


.blz {
    border-left: 6px solid #ffd800;
}

.blo {
    border-left: 6px solid #f64126;
}



.bwb {
    border-bottom: 10px solid white;
}

.bby {
    border-bottom: 7px solid #ffd800;
}


.bbb {
    border-bottom: 7px solid #17a2b8;
}

.bbd {
    border-bottom: 1px dashed #E0E0E0;
}


.btd {
    border-top: 1px dashed #E0E0E0;
}

.f-red {
    color: red;
}

.fs-7 {
    font-size: 0.7rem;
}

.fs-9 {
    font-size: 0.9rem;
}

.rounded2 {
    border-radius: .5rem !important;
}



.telekom {
    background-color: #e20074;
    min-height: 60px;
    margin: 0 0 15px 0;
    padding: 10px;
    color: white;
    /*position: absolute;
    bottom:0;*/
}

    .telekom img {
        height: 30px;
        margin: 10px auto;
        /*padding: 10px;*/
        /*margin: 10px;*/
    }

.telekom-opis {
    border-top: 1px solid rgba(255, 255, 255, 0.50);
    font-size: 9pt;
    text-align: center;
    padding-top: 5px;
}

.rateCijena {
    /*color: #111;*/
    /*font-size: 30pt;*/
    font-size: 2rem;
    line-height: 2.1rem;
    font-weight: 600;
    /*line-height: 40px;*/
    font-family: roboto, arial, sans-serif;
}


.rateCijena2 {
    /*color: #111;*/
    font-size: 26pt;
    font-weight: 600;
    line-height: 42pt;
    font-family: roboto, arial, sans-serif;
}

.rateKarticeCijena {
    color: #111;
    font-size: 20pt;
    font-weight: 600;
    /*line-height: 40px;*/
    font-family: roboto, arial, sans-serif;
}


#mobileBodyContent .rateCijena, #mobileBodyContent .detaljiCijenaDecimale {
    font-size: 1.4rem;
}


/*@media (min-width: 320px) and (max-width: 480px) {

    .rateCijena {*/
/*color: #111;*/
/*font-size: 30pt;*/
/*font-size: 2rem;
        font-weight: 600;*/
/*line-height: 40px;*/
/*font-family: roboto, arial, sans-serif;
    }

    .rateKarticeCijena {
        color: #111;
        font-size: 2rem;
        font-weight: 600;*/
/*line-height: 40px;*/
/*font-family: roboto, arial, sans-serif;
    }
}*/


/*.ZZ74 {
    display: inline-block;
    text-decoration: none;
    padding: 0;
    border: 0;
    background: 0;
    color: var(--dg-linkColor);
    text-align: left;
    cursor: pointer;
}


.ZZ76 {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    opacity: .001;
    background-color: var(--dg-overlayColor);
    transition: all .25s ease;
}


    .ZZ76:hover {
        opacity: 1;
    }*/
.artikal-n:nth-child(3n) {
    border-right: 0;
}

.artikal-n .row {
    align-items: center;
}


.artikal-n .sifra {
    font-size: 0.8rem;
    font-weight: 600;
    /*        min-height:28px;*/
}


.artikal-n .slikawrapper {
    align-items: center;
    text-align: center;
    position: relative;
}

    .artikal-n .slikawrapper a {
        margin: 10px auto;
    }


    .artikal-n .slikawrapper img {
        /*    margin-top: 10px;*/
        margin-bottom: 10px;
    }


.artikal-n h2 {
    text-transform: uppercase;
    letter-spacing: -.03em;
    font-size: 1rem;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 0.5rem;
    text-align: center;
}


.artikal-n .opis {
    font-size: 0.7rem;
    line-height: 0.8rem;
    height: 50px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
}

.navodi {
    /*margin: auto;*/
    padding-top: 20px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}


    .navodi li {
        margin: auto;
        text-transform: uppercase;
        font-size: 0.9rem;
        font-weight: bold;
    }


        .navodi li i, .navodi li svg {
            color: red;
        }

.moveb {
    margin-top: auto;
    display: flex;
    flex-direction: column;
}


.ocjene {
    font-size: 0.8rem;
    color: #ccc;
}


    .ocjene .checked {
        color: orange;
    }


.artikal-n .dugmad {
    border-top: 1px dashed #E0E0E0;
    padding-top: 10px;
    margin-top: 10px;
}

    .artikal-n .dugmad i {
        font-size: 1.2rem;
    }

.artikal-n .btn {
    border-radius: 0;
    padding: 5px;
    border-bottom: 2px solid transparent;
}

.artikal-n .btn-informacije:hover {
    border-bottom: 2px solid blue;
    /*        width: 50px;*/
}

.artikal-n .btn-dodaj {
    /* background-color: #c4e536; */
    /*        color: #0088cc;*/
}

    .artikal-n .btn-dodaj:hover {
        border-bottom: 2px solid green;
        /*        width: 50px;*/
    }


.artikal-n .btn-kupi:hover {
    border-bottom: 2px solid red;
    /*        width: 50px;*/
}


.Podnaslov {
    background-color: rgb(196, 229, 54);
    /*    background-color: #f8f8f8;*/
    border-radius: 10px;
}

    .Podnaslov .tekst {
        font-size: 0.7rem;
    }

    .Podnaslov i {
        color: black;
    }




.zanimati {
    text-align: center;
    font-family: "Open Sans",Arial,sans-serif;
    /*font-family: 'Inder',sans-serif;*/
    font-size: 2rem;
    text-transform: uppercase;
    margin: 10px;
    letter-spacing: -2px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 2rem;
}

.podvuceno {
    display: inline-block;
    position: relative;
    z-index: 1;
}

    .podvuceno:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 32%;
        left: 0;
        top: auto;
        bottom: 0;
        z-index: -1;
        background-color: white;
        bottom: 1px;
        /*background-color: rgb(201, 238, 35);*/
    }


.znacke i {
    color: #333;
    font-size: 0.7rem;
}


.artikal {
    text-align: center;
    display: flex;
    flex-direction: column;
    border: none;
    background: #fff;
    /*    box-shadow: 0 2px 10px rgba(48, 48, 48, 0.05);*/
}

    /*
    .artikal:hover {
        z-index: 5;
    }

        .artikal:hover:before {
            position: absolute;
            top: -8px;
            left: -16px;
            right: -16px;
            bottom: 0;
            content: '';
            background: #fff;
            border-radius: 3px 3px 0 0;
            box-shadow: 0 8px 25px rgba(48, 48, 48, 0.2);
            z-index: -1;
        }
*/
    .artikal .h6 {
        font-weight: 800;
    }

    .artikal .ArtikalNaslov p {
        line-height: 1rem;
        /*        margin-bottom: 20px;*/
        /* margin-bottom: 1rem; */
        font-size: 0.8rem;
        color: #333;
    }


.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.katm-naslov {
    font-size: 0.7rem;
    line-height: 0.7rem;
    text-transform: uppercase;
}

.katm-naslov2 {
    font-size: 0.9rem;
    text-transform: uppercase;
}

.cijene {
    font-family: Roboto,sans-serif;
}


.staracijena {
    text-decoration: line-through;
    font-size: 12pt;
    color: #333;
    text-align: right;
    padding-top: 10px;
    padding-right: 0;
}

.kockaCijene, .kockaInfo {
    /*margin: 5px 0 5px 0;*/
    /*padding: 10px;*/
    min-height: 50px;
}



    .kockaInfo p {
        /*font-family: "Open Sans", Arial, sans-serif;*/
        margin: 0;
        text-align: left;
        /*margin: 5px 0 5px 0;*/
    }


    .kockaCijene p {
        margin: 0;
        text-align: right;
        /*margin: 5px 0 5px 0;*/
    }

.cijenaMP {
    font-size: 9pt;
    color: #666;
    padding: 0;
}

.cijenaUsteda {
    font-size: 8pt;
    color: #666;
    /*color: #fff;*/
    /*background-color:#ccc;*/
    font-weight: bold;
}

.cijenaRata {
    font-size: 8pt;
    color: #666;
    /*color: #fff;*/
    /*background-color:#ccc;*/
    font-weight: bold;
}

.cijenaRataIznos {
    font-size: 19pt;
    line-height: 30px;
    color: #666;
    /*color: #fff;*/
    /*background-color:#ccc;*/
    font-weight: bold;
}


    .cijenaRataIznos span {
        font-size: 11pt;
        line-height: 30px;
        color: #666;
        font-weight: bold;
    }


.cijenaGotovina {
    font-size: 1.6rem;
    font-weight: 700;
    /*    font-size: 1.5rem;*/
    color: #333;
    /*font-weight: bold;*/
    line-height: 1.8rem;
    /*    font-weight: 600;*/
    /*    font-family: "Open Sans", Arial, sans-serif;*/
    letter-spacing: -1px;
    /*    color: #00b9d5;*/
}

.precrtano {
    color: black;
    font-size: 10pt;
    text-decoration: line-through;
    line-height: 10pt;
    padding-right: 10px;
}


.precrtano2 {
    /*font-size: 12pt;*/
    text-decoration: line-through;
}


.cijenaAkcija {
    font-size: 1.6rem;
    /*color: #00b9d5;*/
    color: #f64126;
    /*font-weight: bold;*/
    line-height: 1.8rem;
    /*text-align: center !important;*/
    font-weight: 700;
    letter-spacing: -1px;
    /*padding-right: 10px;*/
}


.cijenaWeb {
    font-size: 15pt;
    /*color: #00b9d5;*/
    color: #fff;
    background-color: #e73642;
    /*font-weight: bold;*/
    line-height: 15pt;
    /*text-align: center !important;*/
    font-weight: 600;
    letter-spacing: -1px;
    border-radius: 15px;
    padding-right: 10px;
    width: 80%;
    float: right;
}


.stanje {
    line-height: normal;
    /*    min-height: 20px;*/
}

.TagoviOkvirWrapper {
    margin-top: 10px;
    text-align: center;
    /*background-color: #F0F0F0;*/
    border-top: 1px dashed #E0E0E0;
    border-bottom: 1px dashed #E0E0E0;
    /*    padding: 4px 0 4px 0;*/
    /*    height: 46px;*/
    overflow: hidden;
    margin-bottom: 10px;
}

.TagoviOkvir {
    display: inline-block;
    /*    bottom: 5px;*/
    /*    right: 0;*/
    /*    padding-left: 5px;*/
    /*    padding-right: 5px;*/
    /*background-color: #f0f0f0;*/
    /*    width: 50px;*/
    text-align: center;
    /*border: 1px solid #ccc;
    border-radius: 5px;*/
}

    .TagoviOkvir .prvaLinija {
        font-size: 10pt;
        /*line-height: 10pt;*/
        padding-top: 2px;
        font-weight: bold;
    }


    .TagoviOkvir .drugaLinija {
        font-size: 7pt;
        /*line-height: 10pt;*/
        padding-bottom: 2px;
    }




.preporuka-wrapper {
    position: absolute;
    top: 5px;
    left: 5px;
    /*width: 100%;*/
    text-align: left;
}


.preporuka-wrapperMali {
    position: absolute;
    top: 10px;
    left: 0px;
    /*width: 100%;*/
    text-align: left;
}


.znacka-tag-wrapper {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 150px;
}


.znacka-tag {
    float: right;
}




.znacka-tag-gore {
    left: 10px;
    /* bottom: 0; */
    top: 20px;
    position: absolute;
}



.znacka-tag-v-wrapper {
    position: absolute;
    top: 100px;
    right: 5px;
    width: 150px;
}


.znacka-tag-velika {
    /*right: 0;
     bottom: 0;
    top: 100px;
    position: relative;*/
    float: right;
}


.znacka {
    z-index: 2;
    /*padding: 0 7px;*/
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    /*line-height: 20px;*/
    font-family: "Open Sans", Arial, sans-serif;
    /*height:20px;*/
    margin-top: 5px;
}


    .znacka span {
        padding: 3px;
        display: inline-block;
        border-radius: 5px;
        padding: 5px;
    }

        .znacka span > img {
            display: inline;
        }

    .znacka .label-telekom {
        padding: 3px;
        display: inline-block;
        border-radius: 5px;
        padding: 5px;
    }



.label-telekom {
    background-color: #e20074;
    display: inline;
    text-align: center;
    LINE-HEIGHT: 12px;
}


    .label-telekom .br {
        margin-top: 3px;
        padding-top: 2px;
        font-size: 0.6rem;
        border-top: 1px dotted;
        display: block;
    }


    .label-telekom .ir {
        font-size: 0.7rem;
        font-weight: bold;
    }



.ArtikalSlikaTag {
    height: 180px;
    background-color: #fff;
    max-height: 180px;
    min-height: 180px;
    /*padding: 5px;*/
    width: auto;
    /*margin-bottom: 15px;*/
    /*margin: 0px 0 15px 0;*/
    position: relative;
}

    .ArtikalSlika a, .ArtikalSlikaTag a {
        display: inline-block;
    }


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


.artikal-navod {
    text-align: center;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 600;
    /*padding-bottom: 4px !important;
    margin: 0px;
    clear: both;*/
    height: 30px;
    /*padding: 5px 0 5px 0;*/
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 5px;
}

    .artikal-navod .wc {
        font-family: "Open Sans", Arial, sans-serif;
        width: 60%;
        display: inherit;
        color: #fff;
        /* color: green; */
        background-color: #e73642;
        padding: 2px;
        border: 1px solid #e73642;
        border-radius: 19px;
        margin: 0 auto;
    }

    .artikal-navod .an-prep {
        font-family: "Open Sans", Arial, sans-serif;
        display: inherit;
        width: 60%;
        background-color: #337ab7;
        color: #fff;
        /* color: green; */
        /* background-color: #bfff00; */
        padding: 2px;
        margin: 0 auto;
        border: 1px solid #337ab7;
        border-radius: 20px;
    }

    .artikal-navod .an-novi {
        font-family: "Open Sans", Arial, sans-serif;
        display: inherit;
        width: 60%;
        background-color: #cf305c;
        color: #fff;
        /* color: green; */
        /* background-color: #bfff00; */
        padding: 2px;
        margin: 0 auto;
        border: 1px solid #cf305c;
        border-radius: 20px;
    }

    .artikal-navod .an-udolasku {
        font-family: "Open Sans", Arial, sans-serif;
        display: inherit;
        width: 70%;
        background-color: #FFD600;
        color: #000;
        /* color: green; */
        /* background-color: #bfff00; */
        padding: 2px;
        margin: 0 auto;
        border: 1px solid #FFD600;
        border-radius: 20px;
    }




.preporuka {
    /*background-color: #258FCC;*/
    background-color: #00b9d5;
}

.akcije {
    background: #f64126;
}

.webCijena {
    background: #bfff00;
    color: black;
}


.admin {
    background-color: transparent;
    color: #666;
}

.dostava {
    background-color: #fff;
    color: #666;
}

    .preporuka span, .akcije span, .dostava span {
        /*display: none;*/
        /*font-size: medium;*/
    }

.admin span {
    display: none;
    /*font-size: medium;*/
}

.akcije:hover > span {
    /*display: none;*/
    /*display: inline-block;*/
}

.preporuka:hover > span {
    /*display: none;*/
    display: inline-block;
}

.dostava:hover > span {
    /*display: none;*/
    display: inline-block;
}


.admin:hover > span {
    /*display: none;*/
    display: inline-block;
}



.kategorije-proizvodjaci {
    /*display: block;*/
    padding: 20px 5px;
    overflow: hidden;
    margin: 0 auto;
}


    .kategorije-proizvodjaci ul {
    }


    .kategorije-proizvodjaci li {
        padding: 2px;
        font-size: 1rem;
        /*line-height: 20px;*/
        padding-left: 10px;
    }

        .kategorije-proizvodjaci li a {
            /*display: inline-block;*/
            text-decoration: none;
            padding-left: 5px;
            color: #666;
            font-size: 0.9rem;
            /*line-height: 20px;*/
            line-height: 1rem;
            text-transform: uppercase;
            font-family: "Open Sans",Helvetica,Arial,sans-serif;
            font-weight: bold;
        }

            .kategorije-proizvodjaci li a span {
                color: #000;
                font-weight: bold;
                padding-left: 5px;
            }




.filteri {
    margin: 0;
    border: 0;
    padding: 15px 0 0 10px;
    /* border-top: 6px solid #0088cc; */
    /* background-color: #f8f8f8; */
    margin-bottom: 15px;
}

    .filteri .naslov {
        font-size: 1.4rem;
        font-weight: 800;
        letter-spacing: -.03em;
        text-transform: uppercase;
        border-left: 6px solid #c4e536;
        padding-left: 10px;
    }


.filter-options-content {
    margin: 0;
    padding: 17px 0 0 10px;
    font-family: Arial,sans-serif;
    font-size: 13px;
    line-height: 16px;
}




.span_pseudo, .bs4chk span:before, .bs4chk span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
}

.bs4chk {
    position: relative;
    height: 2rem;
    display: flex;
    align-items: center;
}

    .bs4chk input {
        display: none;
    }

        .bs4chk input:checked ~ span {
            background: #0088cc;
            border-color: #0088cc;
        }

            .bs4chk input:checked ~ span:before {
                width: 1rem;
                height: 0.15rem;
                transition: width 0.1s;
                transition-delay: 0.3s;
            }

            .bs4chk input:checked ~ span:after {
                width: 0.4rem;
                height: 0.15rem;
                transition: width 0.1s;
                transition-delay: 0.2s;
            }

        .bs4chk input:disabled ~ span {
            background: #ececec;
            border-color: #dcdcdc;
        }

        .bs4chk input:disabled ~ label {
            color: #dcdcdc;
        }

            .bs4chk input:disabled ~ label:hover {
                cursor: default;
            }

    .bs4chk label {
        padding-left: 2rem;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom: 0;
    }

    .bs4chk span {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        border: 2px solid #000;
        position: absolute;
        left: 0;
        transition: all 0.2s;
        z-index: 1;
        box-sizing: content-box;
    }

        .bs4chk span:before {
            transform: rotate(-55deg);
            top: 0.8rem;
            left: 0.37rem;
        }

        .bs4chk span:after {
            transform: rotate(35deg);
            bottom: 0.35rem;
            left: 0.2rem;
        }




.pretragbg {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    /*display: table;*/
    /*transition: opacity .3s ease;*/
}


.pretragawrapper {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 35px;
    /* margin: 10px auto; */
    /* left: 19%; */
    /*border: 2px solid #ccc;*/
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    min-height: 500px;
    overflow: hidden;
    padding-bottom: 20px;
    background-color: white;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

#pretragapanel ul {
    list-style: none;
}

#pretragapanel .prgrupawr {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    line-height: 46px;
    /*padding: 0;
    margin: 0;
    width: 100%;
    height: 50px;*/
    /*margin-bottom: 5px;*/
}

#pretragapanel .prgupa {
    font-family: "Open Sans", Arial, sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    max-height: 50px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#pretragapanel .prstavka {
    line-height: 16px;
    font-size: 12px;
}


#pretragapanel .prslika {
    width: 55px;
    height: 55px;
    margin: 10px;
    float: left;
    /*height:75px;*/
}


#pretragapanel .propis {
    height: 75px;
    /*float: left;*/
    font-size: 0.8rem;
}


    #pretragapanel .propis .prnaslov {
        color: rgba(0,0,0,.8);
        font-weight: 700;
        max-height: 32px;
        overflow: hidden;
        font-size: 0.85rem;
    }



#pretragapanel .prnaslov {
    color: rgba(0,0,0,.8);
    font-weight: 700;
    max-height: 32px;
    overflow: hidden;
    font-size: 1rem;
}



#pretragapanel .prcijena {
    color: rgba(0,0,0,.8);
    font-weight: 700;
    font-size: 0.85rem;
}


#pretragapanel .prstavkewrap {
    min-height: 300px;
    overflow: hidden;
}

.btn-search {
    font-size: 1rem;
}


#pretragapanel .prdno {
    display: block;
    border-top: 1px solid #e6e6e6;
    line-height: 20px;
    /*padding: 0;*/
    padding-top: 5px;
    /*height: 45px;*/
    text-align: center;
    font-weight: 500;
    font-size: 0.9rem;
}





#flix-privacy-policy {
    display: none !important;
}




.footer {
    padding: 20px;
    background-color: #333;
    color: #fff;
    font-size: 0.9rem;
}


    .footer ul {
        text-decoration: none;
        list-style: none;
        color: #fff;
    }



    .footer a {
        color: rgb(196, 229, 54);
    }


    .footer h5 {
        color: rgb(196, 229, 54);
        font-size: 1rem;
        font-weight: 700;
    }




.kat-link {
    color: black;
    text-decoration: none;
}

.kat-slika {
    flex: 1;
    margin-bottom: 10px;
    height: auto;
}

.kat-naslov {
    /*margin-top: auto;*/
    margin-top: 1rem;
}



.test .wpx-100, .test .wpx-100-after:after {
    width: 100px;
}

.test .img-round, .test .img-rel-round {
    border-radius: 50%;
}



.scrolling-wrapper {
    overflow-x: auto;
}


.fioka-w {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: rgba(0,0,0,0.7);
}

.fioka {
    position: fixed;
    height: 90%;
    width: 100%;
    bottom: 0;
    z-index: 9999;
    background-color: white;
    /*    transition: top .5s ease-in-out;
    -webkit-overflow-scrolling: touch;*/
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    padding-bottom:60px;
    
}

.fioka-c {
    /*overflow: scroll;*/
    overflow-y: scroll;
}



.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
}




.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 90px;
    right: 35px;
    display: none;
    text-indent: -9999px;
    background: url('/Images/icon_top.png') no-repeat;
}




.carousel-control-prev i {
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");*/
    /*background-color: black;*/
    /*padding: 10px;*/
    color: black;
    /*border-radius: 0.2rem;*/
}

.carousel-control-next i {
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");*/
    /*background-color: black;*/
    /*padding: 10px;*/
    color: black;
    /*border-radius: 0.2rem;*/
}


.carousel-indicators li {
    /* width: 10px !important;
    height: 10px !important;
    border-radius: 50%;*/
    background-color: white;
    opacity: 0.2;
}



#mobile {
    height: 100%;
    width: 100%;
    background: #3d3d4e;
    position: fixed;
    overflow: hidden;
}

.mobile-sidebar {
    height: 90%;
    width: 70%;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    padding-left: 10px;
    /*background-color: #ccc;*/
}

#mobileBodyContent {
    background: white;
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;
    overflow: scroll;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -khtml-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}


#zatvori {
    position: fixed;
    top: 30px;
    left: 20px;
    color: white;
}


.navigation #mobileBodyContent {
    border-radius: 20px;
}

.navigation #nav li {
    width: 200px;
    margin-left: 0;
}

.nav3.navigation #mobileBodyContent {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -khtml-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
    margin-left: 70%;
}



.field-validation-error {
    padding-top: 1rem;
    font-weight: bold;
    color: red;
    text-transform: uppercase;
}



.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #30487b;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2);
    }





.highlight {
    background-color: yellow;
    /*font-weight: bold;*/
    /*font-size: 12px;*/
}

/*
.artikal-mali-img img {
    height: 100px;
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}*/



div[id^=map_canvas],
div[id^=map_canvas] div {
    overflow: auto;
}


#googleMap {
    min-height: 150px;
    min-width: 150px;
    height: 420px;
    width: 100%;
}


.ikonica2 {
    height: 1.33em;
    width: 1.33em;
}

/*
.tab-content a {
    color: #0671a7 !important;
    font-weight: 700;
}*/



.pockoc {
    background-color: white;
}

.sivaPozadina {
    background-color: #f8f8f8 !important;
}


.gradient1 {
    background: #C6FFDD;
    background: -webkit-linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);
    background: linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);
}


.gradient2 {
    background: #12c2e9; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.gradient3 {
    background: #FFEFBA; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.gradient4 {
    background: #C9FFBF; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFAFBD, #C9FFBF); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFAFBD, #C9FFBF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}



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


    .pozadinagaming p, .pozadinagaming td {
        color: white;
    }

    .pozadinagaming a {
        color: white;
    }




    .pozadinagaming .opis-wrapper:after {
        z-index: 999;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 100%;
        background: -moz-linear-gradient(bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(bottom,rgb(0 0 0) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to top,rgb(0 0 0) 0%,rgba(0,0,0,0) 100%);
    }




.posao ul {
    padding-left: 2rem;
    padding-top: 0.5rem;
    list-style: disc !important;
}



.swiper-button-next, .swiper-button-prev {
    color: white !important;
}

.swiper-pagination-bullet-active {
    background: white !important;
}



.noty_text {
    color: black;
    font-size: 1rem;
}


#baner-top * {
    color: white;
}


footer {
    left: 0;
    bottom: 0;
    width: 100%;
    position: fixed;
    background-color: white;
    /*border-top: 1px solid #000;*/
    box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    padding:10px;
}


    footer ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 0;
        margin:0;
    }
        footer ul li {
            text-align: center;
            display: inline-block;
            font-size: 14px;
            color: #222222;
        }

            footer ul li a span {
                font-size: 9px;
                font-weight: 700;
                color: #222222;
                text-transform: uppercase;
                margin-top: 4px;
                display: block;
            }


.stranica .lead {
    list-style: inside;
    padding-bottom: 2px;
}


markit {
    background: yellow;
    /*color: red !important;*/
    font-weight: bold;
}
@media screen and (max-width:959px){.MeniUP{z-index:9999;border:1px #ccc solid;width:100%;display:none}.mc_menu_sidebar{display:none}.mc_menu_sidebar .level_one_toggle{padding-top:10px;padding-bottom:10px}.mc_menu_sidebar .level_one a{padding-top:10px;padding-bottom:10px}.mc_menu_sidebar .level_two a{padding-top:10px;padding-bottom:10px}}.mc_menu{margin:0;position:fixed;z-index:5000;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);overflow:hidden}@media screen and (min-width:959px){.MeniUP{position:absolute;top:41px;z-index:9999;border:1px #ccc solid;width:293px;display:none}}.kolicina{float:right;display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#c6c6c6 !important;text-align:center;white-space:nowrap;vertical-align:baseline;position:absolute;top:6px;right:5px}.mcmenuul{display:none}#mc_menu2{padding-bottom:105px;height:100%;overflow:auto}.mc_menu .title{padding-top:5px;height:65px;text-align:center;font-size:20px;min-width:100%;z-index:5000}.mc_menu .mcmenu_close{position:absolute;cursor:pointer;z-index:5000;float:right;top:9px;right:5px;color:#fff;font-size:17px}.icon-right{float:right;top:5px;right:5px;color:rgba(255,255,255,.5);font-size:15px;content:''}.mc_menu .mcsearch{width:98%;margin:5px auto;padding:0 15px 0 30px;height:25px}.mc_menu .rounded{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}.mc_menu .mcfooter{display:block;padding-top:2px;height:40px;text-align:center;font-size:15px;min-width:100%;position:absolute}.mc_menu ul{text-decoration:none;line-height:35px}.mc_menu ul>li{text-decoration:none}.mc_menu a{display:block;padding-left:10px;padding-right:5px}.mc_menu li:last-child{border-bottom:0}.mc_menu .level_one{display:none}.mc_menu .level_one a{padding-left:20px}.mc_menu .level_one ::before{padding-left:15px}.mc_menu .level_one_toggle{background:transparent url(/css/mc-menu/images/arrow_18.gif) right no-repeat;border-right:10px solid transparent}.mc_menu [class*="mcfooterButton"]{width:25%;color:rgba(255,255,255,.7);display:inline-block;height:100%;font-size:15px;padding:10px;text-decoration:none;cursor:pointer}.mc_menu [class*="mcfooterButton"]:hover{color:#fff}.mc_menu i{width:30px;float:left;text-align:center;font-size:20px}.mc_menu .mc-with-icon{padding-left:30px}.mc_menu .level_two{display:none}.level_two li{position:relative}.mc_menu .level_two a{padding-left:30px}.mc_menu .level_two_toggle{background:transparent url(/css/mc-menu/images/arrow_18.gif) center right no-repeat;padding-right:18px;border-right:10px solid transparent}.mc_menu ul>li>ul>li{text-decoration:none}.mc_menu_sidebar ul>li>ul>li{text-decoration:none}.mc_menu_sidebar .title{padding-top:5px;height:65px;text-align:center;font-size:20px;min-width:100%;z-index:5000}.mc_menu_sidebar .mcsearch{width:98%;margin:5px auto;padding:0 15px 0 30px;height:25px}.mc_menu_sidebar .rounded{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}.mc_menu_sidebar .mcfooter{display:block;padding-top:2px;height:40px;text-align:center;font-size:15px;min-width:100%;position:absolute}.mc_menu_sidebar *{color:#000;list-style-type:none}.mc_menu_sidebar{margin:0}.mc_menu_sidebar ul{margin:0 !important}.mc_menu_sidebar a{display:block;padding:4px;padding-left:10px}.mc_menu_sidebar li:last-child{border-bottom:0}.mc_menu_sidebar .level_one{display:none}.mc_menu_sidebar .level_one a{padding-left:20px}.mc_menu_sidebar .level_one ::before{padding-left:15px}.mc_menu_sidebar .level_one_toggle{background:transparent url(/kontrole/mcmeni/images/arrow-dolje.png) right no-repeat;border-right:10px solid transparent}.mc_menu_sidebar [class*="mcfooterButton"]{width:25%;color:rgba(255,255,255,.7);display:inline-block;height:100%;font-size:15px;padding:10px;text-decoration:none;cursor:pointer}.mc_menu_sidebar [class*="mcfooterButton"]:hover{color:#fff}.mc_menu_sidebar i{width:30px;float:left;text-align:center;font-size:20px}.mc_menu_sidebar .mc-with-icon{padding-left:30px}.mc_menu_sidebar .level_two{display:none}.mc_menu_sidebar .level_two a{padding-left:30px}.mc_menu_sidebar .level_two_toggle{background:transparent url(/kontrole/mcmeni/images/arrow-dolje.png) center right no-repeat;padding-right:18px;border-right:10px solid transparent}.mc_menu_sidebar ul>li>ul>li{text-decoration:none}.sekcijaMeni{background-color:rgba(0,0,0,.1);line-height:42px}.sekcijaMeni a{background:transparent url(/kontrole/mcmeni/images/arrow-dolje.png) center right no-repeat;padding-right:18px;border-right:10px solid transparent}.sekcijaMeni .ikona2{width:40px;height:40px;float:left;padding-left:8px}.sekcijaMeni .ikona2 img{max-width:36px;max-height:36px}.sekcijaMeni a span{padding-left:10px}.sekcijaMeni a .arrow{border-bottom:4px solid transparent;border-left:4px solid #a0a0a0;border-top:4px solid transparent;float:right;height:0;margin-right:10px;margin-top:6px;width:0;background:transparent url(/kontrole/mcmeni/images/arrow-dolje.png) center right no-repeat}.mc-blue-mex{background:#bfe5dd;border-right:1px solid gray}.mc-blue-mex .title{background:#a0bfb8;border-bottom:1px solid gray}.mc-blue-mex .level_one{background:#e6fcf8;border-top:1px solid #a0bfb8}.mc-blue-mex .level_two{background:#fff}.mc-blue-mex .mcfooter{background:#a0bfb8;border-top:1px solid gray}.mc-blue-sidebar{background:#ebebeb;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b6db',endColorstr='#309dcf',GradientType=0);color:#000;border-right:1px solid #f0f0f0}.mc-blue-sidebar .title{background:#63b6db;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYjZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDlkY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#63b6db),color-stop(100%,#309dcf));background:-webkit-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-o-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-ms-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:linear-gradient(to bottom,#63b6db 0%,#309dcf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b6db',endColorstr='#309dcf',GradientType=0);border-bottom:1px solid gray}.mc-blue-sidebar .level_one{background-color:rgba(255,255,255,.4);border-top:1px solid rgba(0,0,0,.07);border-bottom:1px solid rgba(0,0,0,.07)}.mc-blue-sidebar .level_two{background-color:#fff;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.07)}.mc-blue-sidebar .mcfooter{background:#1c2f40;border-top:1px solid rgba(0,0,0,.05)}.mc-blue{background:#63b6db;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYjZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDlkY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#63b6db),color-stop(100%,#309dcf));background:-webkit-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-o-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-ms-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:linear-gradient(to bottom,#63b6db 0%,#309dcf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b6db',endColorstr='#309dcf',GradientType=0);color:#fff;border-right:1px solid gray}.mc-blue .title{background:#63b6db;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYjZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDlkY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#63b6db),color-stop(100%,#309dcf));background:-webkit-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-o-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:-ms-linear-gradient(top,#63b6db 0%,#309dcf 100%);background:linear-gradient(to bottom,#63b6db 0%,#309dcf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b6db',endColorstr='#309dcf',GradientType=0);border-bottom:1px solid gray}.mc-blue .level_one{background-color:#3185b4}.mc-blue .level_two{background-color:#596977}.mc-blue .mcfooter{background:#1c2f40;border-top:1px solid gray}.mc-blue ul>li{border-bottom:1px solid rgba(255,255,255,.25)}.mc-blue ul>li>ul>li{border-bottom:1px solid rgba(255,255,255,.25)}.mc-flowers{background:#dc5514;border-right:1px solid rgba(0,0,0,.9)}.mc-flowers .title{background:#732a1e;border-bottom:1px solid #732a1e;color:#fff}.mc-flowers * .level_one{background:#f9790e;border-top:1px solid #732a1e}.mc-flowers * .level_two{background:#f28e13}.mc-flowers * .mcfooter{background:#732a1e;border-top:1px solid #ccc}.mc-flowers ul>li{border-bottom:1px solid gray}.mc-flowers ul>li>ul>li{border-bottom:1px solid gray}.mCSB_container{width:auto;overflow:hidden}.mCSB_container.mCS_no_scrollbar{margin-right:0}.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:30px}.mCustomScrollBox>.mCSB_scrollTools{width:4px;height:100%;top:0;right:0}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:4px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px}.mCSB_horizontal>.mCSB_container{height:auto;margin-right:0;margin-bottom:30px;overflow:hidden}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-bottom:0}.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{width:100%;height:16px;top:auto;right:auto;bottom:0;left:0;overflow:hidden}.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 20px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:10px;margin:7px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:30px;height:100%}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{display:block;position:relative;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;float:left}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{margin-left:-40px;float:right}.mCustomScrollBox{-ms-touch-action:none}.mCustomScrollBox>.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;background:rgba(255,255,255,.95);filter:"alpha(opacity=95)";-ms-filter:"alpha(opacity=95)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(../mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.15)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#000;background:rgba(0,0,0,.75)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#fff;background:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85)}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,.9)}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#000;background:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#fff;background:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85)}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,.9)}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#000;background:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#fff;background:rgba(255,255,255,.1)}.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.15)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#000;background:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.content_1>.mCustomScrollBox>.mCSB_scrollTools{height:96%;top:2%}.content_2 .mCSB_scrollTools .mCSB_draggerRail{width:6px;box-shadow:1px 1px 1px rgba(255,255,255,.1)}.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(255,255,255,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,.6);filter:"alpha(opacity=60)";-ms-filter:"alpha(opacity=60)"}.content_3>.mCustomScrollBox>.mCSB_scrollTools{height:94%;top:3%}.content_3 .mCSB_scrollTools .mCSB_draggerRail{width:0;border-right:1px dashed #09c}.content_3 .mCSB_scrollTools .mCSB_dragger{height:11px}.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:11px;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;background:#09c}.content_4>.mCustomScrollBox>.mCSB_scrollTools{height:94%;top:3%}.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#d0b9a0;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.5);-moz-box-shadow:1px 1px 5px rgba(0,0,0,.5);box-shadow:1px 1px 5px rgba(0,0,0,.5)}.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#dfcdb9}.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);-moz-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5)}.content_5>.mCustomScrollBox>.mCSB_scrollTools{width:98%;margin:0 1%}.content_6>.mCustomScrollBox>.mCSB_scrollTools{width:88%;margin:0 6%}.content_8 .mCSB_scrollTools .mCSB_draggerRail{width:0;border-left:1px solid rgba(0,0,0,.8);border-right:1px solid rgba(255,255,255,.2)}